/*

Template: COINEX - Crypto Currency HTML Template
Author: iqonicthemes.in
Version: 4.1.1
Design and Developed by: iqonicthemes.in

*/

/*================================================
[  Table of contents  ]
================================================

==> Page loader
==> Back to Top
==> Gradient Color
==> BG Effect
==> Particles
==> Background Overlay
==> Section Title
==> Wow
==> Buttons
==> jarallax
==> List Style
==> Header
==> Search
==> Owl Carousel Dot
==> Banner Stars
==> About Us
==> Features
==> Teams
==> Play Button
==> Blog
==> Need Help
==> Testimonial
==> Pricing
==> Breadcrumb Inner Page
==> Clients
==> Coming Soon
==> Coming Soon 2
==> Faqs
==> Help
==> Event
==> 404 Error
==> Timeline
==> Footer
==> Footer 1
==> Footer 2
==> Footer 3
==> Footer 4
==> Footer 5
==> Footer 6
==> Quote Form
==> Counter
==> Contact 1
==> Contact 2
==> How it Works
==> Download
==> Home- 5
==> Latest Blog Post
==> Blog Page
==> Buy & Sell
==> Home coin Effect
==> Screenshots
==> Rev Slider

======================================
[ End table content ]
======================================*/


/*---------------------------------------------------------------------
                                Page loader
-----------------------------------------------------------------------*/
#loading {
    background-color: var(--white);
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden !important;
    right: 0px;
    z-index: 999999;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center img {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 110px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/*---------------------------------------------------------------------
                               Back to Top
-----------------------------------------------------------------------*/
#back-to-top .top {
    z-index: 999;
    position: fixed;
    margin: 0px;
    color: var(--white);
    background: var(--iq-loader-bg);
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999;
    font-size: 26px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 90px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#back-to-top .top:hover {
    background: var(--iq-primary);
    color: var(--white);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

/*---------------------------------------------------------------------
                             BG Effect
-----------------------------------------------------------------------*/
.iq-bg {
    background-color: var(--iq-black);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    z-index: 0;
}

.iq-bg-fixed {
    background-color: var(--iq-black);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-attachment: fixed !important;
}

/*---------------------------------------------------------------------
                             Particles
-----------------------------------------------------------------------*/
.particles-bg {
    position: relative;
    overflow: hidden;
}

.particles-bg #canvas {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

/*---------------------------------------------------------------------
                       Background Overlay
---------------------------------------------------------------------*/

/*---- Dark Overlay ----*/
.iq-over-dark-10:before {
    background: rgba(21, 29, 46, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-dark-20:before {
    background: rgba(21, 29, 46, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-dark-30:before {
    background: rgba(21, 29, 46, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-dark-40:before {
    background: rgba(21, 29, 46, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-dark-50:before {
    background: rgba(21, 29, 46, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-dark-60:before {
    background: rgba(21, 29, 46, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-dark-70:before {
    background: rgba(21, 29, 46, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-dark-80:before {
    background: rgba(21, 29, 46, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-dark-90:before {
    background: rgba(21, 29, 46, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-dark-95:before {
    background: rgba(21, 29, 46, 0.95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*---- yellow Overlay ----*/
.iq-over-yellow-10:before {
    background: rgba(249, 183, 7, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-yellow-20:before {
    background: rgba(249, 183, 7, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-yellow-30:before {
    background: rgba(249, 183, 7, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-yellow-40:before {
    background: rgba(249, 183, 7, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-yellow-50:before {
    background: rgba(249, 183, 7, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-yellow-60:before {
    background: rgba(249, 183, 7, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-yellow-70:before {
    background: rgba(249, 183, 7, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-yellow-80:before {
    background: rgba(249, 183, 7, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-yellow-90:before {
    background: rgba(249, 183, 7, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-yellow-95:before {
    background: rgba(249, 183, 7, 0.95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*---- Blak Overlay ----*/
.iq-over-black-10:before {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-black-20:before {
    background: rgba(0, 0, 0, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-black-30:before {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-black-40:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-black-50:before {
    background: rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-black-60:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-black-70:before {
    background: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-black-80:before {
    background: rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-black-90:before {
    background: rgba(0, 0, 0, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iq-over-black-95:before {
    background: rgba(0, 0, 0, 0.95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

[class*='iq-over-']:before {
    z-index: -1;
}

/*---------------------------------------------------------------------
                           Section Title
-----------------------------------------------------------------------*/
.heading-title {
    margin-bottom: 70px;
    text-align: center;
}

.heading-title .title {
    position: relative;
    padding-bottom: 15px;
}

.heading-title .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 3px;
    background: var(--iq-primary);
    display: inline-block;
}

.heading-title p {
    padding: 0 100px;
    display: block;
}

.heading-title .title.white:before {
    background: var(--white);
}

.heading-title .title.dark:before {
    background: var(--iq-black);
}

/*Heading Left*/
.heading-left .title {
    position: relative;
    padding: 0 0 8px 0;
    margin: 0 0 25px 0;
}

.heading-left .title:before {
    position: absolute;
    content: "";
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--iq-primary);
    bottom: 0;
}

/*---------------------------------------------------------------------
                                Wow
-----------------------------------------------------------------------*/
.wow:first-child {
    visibility: hidden;
}

/*---------------------------------------------------------------------
                                jarallax
---------------------------------------------------------------------*/
.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax>.jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit:cover; ';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/*---------------------------------------------------------------------
                              List Style
----------------------------------------------------------------------*/
ul {
    padding: 0;
    margin: 0;
}

ul li:after {
    position: absolute;
    color: var(--iq-primary);
    content: "";
    font-family: 'FontAwesome';
    left: 0;
    top: 0;
}

/*************************************
           Listing Hand
**************************************/
ul.listing-hand {
    padding: 0;
    margin: 0;
}

ul.listing-hand li {
    position: relative;
    list-style-type: none;
    padding-left: 30px;
    font-size: 16px;
    line-height: 18px;
}

ul.listing-hand li:after {
    content: "\f10c";
    font-size: 18px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

ul.listing-hand li:hover:after {
    content: "\f058";
}

/*************************************
           Listing Mark
**************************************/
ul.listing-mark {
    padding: 0;
    margin: 0;
}

ul.listing-mark li {
    position: relative;
    list-style-type: none;
    padding-left: 40px;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
}

ul.listing-mark li:after {
    content: "\f0a4";
    font-size: 22px
}

/*---------------------------------------------------------------------
                                Header
---------------------------------------------------------------------*/
header {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    z-index: 99;
    background: var(--white);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

header .logo {
    display: inline-block;
    float: left;
    margin-top: 20px;
}

header .logo a {
    text-transform: uppercase;
    color: var(--iq-title-text);
    font-size: 30px;
    letter-spacing: 2px;
}

header .logo a img {
    height: 40px;
}

header .iq-header nav {
    display: inline-block;
    float: right;
}

header .menu {
    display: inline-block;
    float: right;
    width: 100%;
}

header .iq-header {
    display: inline-block;
    width: 100%;
    float: left;
}

.menu li {
    display: inline-block;
    position: relative;
    float: left;
    line-height: normal;
}

/* .menu li:last-child a { padding-right: 0; } */
.menu li a {
    margin: 16px 0px;
    text-decoration: none;
    padding: 16px 24px;
    display: block;
    color: var(--iq-title-text);
    text-transform: uppercase;
    font-size: 16px;
    transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,
.menu li:hover>a,
.menu li a.active {
    color: var(--iq-primary);
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 250px;
    text-align: left;
    position: absolute;
    left: 0px;
    background: var(--white);
    z-index: 99;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
}

.menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}

.sub-menu li a i {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
}

.menu ul li a {
    margin: 0px;
    font-size: 14px;
    padding: 15px 15px;
    font-weight: normal;
    display: block;
    color: var(--iq-title-text);
    background: var(--white);
    line-height: normal;
}

.menu ul li a:hover,
.menu ul li:hover>a {
    background: var(--iq-primary);
    color: var(--white);
}

.menu li:hover>ul {
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
}

.menu ul ul {
    left: 100%;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px, 20px);
    transition: all 0.2s ease-out;
}

.menu li>ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
}

.responsive-menu {
    display: none;
    width: 100%;
    padding: 0 15px 17px 0;
    font-size: 18px;
    color: var(--iq-dark);
    text-transform: uppercase;
}

.responsive-menu:hover {
    color: var(--iq-primary);
    text-decoration: none;
}

/*---- Header Sticky ----*/
header.menu-sticky .iq-header {
    background: var(--white);
    display: inline-block;
    width: 100%;
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

header.menu-sticky .logo a img {
    height: 30px;
}

header.menu-sticky .logo {
    margin-top: 30px;
}

header.menu-sticky .iq-header .menu li a {
    padding: 16px 24px;
}

header.menu-sticky .iq-header .menu li .sub-menu li a {
    line-height: normal;
    padding: 15px 15px;
}

header.menu-sticky .iq-search.search-open .search-box {
    top: 100% !important;
}

/*---- Header Topbar ----*/
.topbar {
    padding: 10px 0px;
    background: var(--iq-dark);
}

.topbar li {
    position: relative;
}

.topbar li,
.topbar li a {
    color: var(--white);
    line-height: initial;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.topbar .topbar-right li a:hover {
    color: var(--iq-primary);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.topbar .list-inline-item:not(:last-child) {
    border-right: 1px solid var(--white);
    padding-right: 15px;
    margin-right: 10px;
}

.topbar .list-inline-item a:hover {
    color: var(--iq-primary);
}

.topbar .list-inline-item i {
    padding-right: 8px;
}

.topbar .topbar-right .iq-left .list-inline-item {
    position: relative;
    border: none;
}

/*---- Header chart ----*/
.topbar-chart {
    background: var(--iq-dark);
    padding: 16px 0px;
}

.topbar-chart .ccc-header-v3 {
    background: none !important;
}

.topbar-chart .ccc-header-v3 .ccc-header-v3-price-value,
.topbar-chart .ccc-header-v3 .ccc-header-v3-price-name {
    color: var(--white) !important;
}

.topbar-chart.iq-chart {
    margin-top: -6px;
}

.topbar-chart img.ccc-header-v3-price-logo {
    height: 30px !important;
    width: 30px !important;
}

.ccc-header-v3-ccc-price-container {
    margin-right: 32px;
}

/*---- Header transparent ----*/
header.transparent {
    background: transparent;
    position: fixed;
    display: inline-block;
    width: 100%;
}

header.transparent .logo a,
header.transparent .menu li a {
    color: var(--white);
}

header.transparent.menu-sticky {
    background: var(--iq-title-text);
    border-bottom: 1px solid var(--iq-title-text);
}

header.transparent .menu li ul li a {
    color: var(--iq-title-text);
}

header.transparent .menu li a:hover,
header.transparent .menu li:hover>a,
header.transparent .menu li a.active {
    color: var(--iq-primary);
}

header.transparent .menu ul li a:hover,
header.transparent .menu ul li:hover>a {
    background: var(--iq-primary);
    color: var(--white);
}

header.transparent .iq-header {
    display: inline-block;
    width: 100%;
    position: fixed;
    top: 45px;
    left: 0;
    padding: 0px 130px;
}

header.transparent.menu-sticky .iq-header {
    background: var(--iq-dark);
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

/*---- Header Topbar ----*/
header.transparent .topbar {
    background: transparent;
    padding: 10px 130px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*---- Header transparent ----*/
header.simpal-transparent {
    background: transparent;
    position: fixed;
    display: inline-block;
    width: 100%;
}

header.simpal-transparent .menu li a {
    color: var(--white);
}

header.simpal-transparent .menu li ul li a {
    color: var(--iq-title-text);
}

header.simpal-transparent .menu li a:hover,
header.simpal-transparent .menu li:hover>a,
header.simpal-transparent .menu li a.active {
    color: var(--iq-primary);
}

header.simpal-transparent .menu ul li a:hover,
header.simpal-transparent .menu ul li:hover>a {
    background: var(--iq-primary);
    color: var(--white);
}

header.simpal-transparent.menu-sticky .iq-header {
    background: var(--iq-dark);
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

/*---- Header simpal yellow ----*/
header.simpal-yellow {
    background: var(--white);
    display: inline-block;
    width: 100%;
}

header.simpal-yellow .topbar {
    background: var(--iq-primary);
}

header.simpal-yellow .topbar .topbar-right li a:hover {
    color: var(--iq-dark);
}

/*---- Header fancy ----*/
header.fancy {
    background: transparent;
    display: inline-block;
    width: 100%;
}

header.fancy .iq-header .row {
    background: var(--white);
    margin: 15px 100px 0;
    border-radius: 4px;
}

header.fancy .logo {
    margin-top: 24px;
}

header.fancy .logo a img {
    height: 35px;
}

header.fancy .menu li a {
    padding: 20px 25px;
}

header.fancy .menu li ul li a {
    padding: 15px 15px;
}

header.fancy .menu li:last-child a {
    padding-right: 0;
}

header.fancy.menu-sticky .iq-header {
    background: var(--white);
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

header.fancy.menu-sticky .iq-header .row {
    background: transparent;
    margin-top: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}


@media (max-width:992px) {

    .topbar li,
    .topbar li a {
        font-size: 14px;
    }

    header .logo a img {
        height: 30px;
    }

    header .logo,
    header.fancy .logo {
        margin-top: 10px;
    }

    .menu li a {
        padding: 18px 20px;
        font-size: 14px;
        margin: 0;
    }

    header.menu-sticky .menu li a {
        padding: 2px 25px 15px;
    }

    .iq-search.search-open .search-box {
        top: 55px !important;
    }

    header.menu-sticky .iq-header .menu li a {
        padding: 18px 20px;
    }

    header.menu-sticky .logo {
        margin-top: 10px;
    }

}

@media (max-width:979px) {}

@media (max-width:767px) {

    .topbar,
    .topbar .topbar-right.text-end {
        text-align: center !important;
    }

    header nav {
        text-align: right;
    }

    header .iq-header nav {
        display: block;
        float: none;
    }

    .topbar .topbar-right {
        margin-top: 5px;
    }

    header.menu-sticky {
        padding: 15px 0;
    }

    header .iq-header {
        padding: 15px 0;
    }

    header.menu-sticky .iq-header {
        padding: 10px 0;
    }

    header.menu-sticky .responsive-menu {
        padding: 0 15px 12px 0;
    }

    header .logo {
        margin-top: 0;
    }

    header.menu-sticky .logo {
        margin-top: 0px;
    }

    header .menu {
        display: none;
        text-align: left !important;
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    header {
        position: relative;
    }

    .responsive-menu {
        display: block;
    }

    header .menu li {
        width: 100%;
        margin: 0;
    }

    header .menu li a {
        padding: 12px 21px;
    }

    header .iq-search {
        display: none;
    }

    .menu ul {
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
    }

    .menu li:hover>ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        background: var(--iq-menu-hover);
        transform: none;
    }

    .menu ul ul {
        left: 0;
        transform: none;
    }

    .menu li>ul ul:hover {
        transform: none;
    }

    .menu li:hover>ul li a {
        padding: 10px 32px
    }

    .topbar li,
    .topbar li a {
        font-size: 12px;
    }

    .topbar .list-inline-item i {
        padding-right: 5px;
    }

    .menu li:hover>ul li:hover ul li a {
        padding: 10px 42px
    }

    header.menu-sticky .iq-header .menu li a {
        padding: 10px 20px;
    }

    header.menu-sticky .iq-header .menu li:hover>ul li a {
        padding: 10px 32px
    }

    header.menu-sticky .iq-header .menu li:hover>ul li:hover ul li a {
        padding: 10px 42px
    }

    .menu li a:hover,
    .menu li:hover>a,
    .menu li a.active {
        background: var(--iq-primary);
        color: var(--white);
    }

    header.transparent .topbar {
        display: none;
    }

    header.transparent .iq-header,
    header.simpal-transparent,
    header.transparent .menu li a {
        background: var(--iq-dark);
    }

    header.transparent .menu li a.active {
        background: var(--iq-primary);
    }

    /*---- Header transparent ----*/
    header.transparent {
        position: relative;
        background: var(--iq-black);
    }

    header.transparent .iq-header {
        padding: 10px 0;
        position: inherit;
        top: 0;
    }

    header.transparent .responsive-menu {
        color: var(--white);
    }

    header.transparent .responsive-menu:hover {
        color: var(--iq-primary);
    }

    header.transparent .menu li a:hover,
    header.transparent .menu li:hover>a,
    header.transparent .menu li a.active {
        color: var(--white);
    }

    header.transparent .menu li ul li a {
        color: var(--white);
    }

    /*---- Header Simpal Transparent ----*/
    header.simpal-transparent .responsive-menu {
        color: var(--white);
    }

    header.simpal-transparent .responsive-menu:hover {
        color: var(--iq-primary);
    }

    header.simpal-transparent .menu li a:hover,
    header.simpal-transparent .menu li:hover>a,
    header.simpal-transparent .menu li a.active {
        color: var(--white);
    }
}

/*Login*/
.iq-login .modal-header {
    padding: 20px 30px;
}

.iq-login .modal-body {
    padding: 30px;
}

.iq-login .modal-footer {
    padding: 20px 30px;
    display: inline;
}

.iq-login .form-control {
    border: 1px solid var(--iq-light-border);
    border-radius: 0;
    height: 45px !important;
    box-shadow: none;
}

.iq-login .modal-body .button {
    width: 100%;
    text-align: center;
}

.iq-login .modal-dialog {
    max-width: 400px;
}

.iq-login .modal-footer .iq-media-blog {
    margin: 0;
    padding: 0;
}

.iq-login .modal-footer .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0px 4px;
}

.iq-login .modal-footer .iq-media-blog li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: var(--iq-primary);
    background: transparent;
    border: 1px solid var(--iq-primary);
    text-align: center;
    border-radius: 50%;
}

.iq-login .modal-footer .iq-media-blog li a:hover {
    background: var(--iq-primary);
    border-color: var(--iq-primary);
    color: var(--white);
}

.iq-login .modal-header .close {
    outline: none;
}

/*Login*/
.iq-register .modal-header {
    padding: 20px 30px;
}

.iq-register .modal-body {
    padding: 30px;
}

.iq-register .modal-footer {
    padding: 20px 30px;
    display: inline;
}

.iq-register .form-control {
    border: 1px solid var(--iq-light-border);
    border-radius: 0;
    height: 45px !important;
    box-shadow: none;
}

.iq-register .modal-body .button {
    width: 100%;
    text-align: center;
}

.iq-register .modal-dialog {
    max-width: 400px;
}

.iq-register .modal-footer .iq-media-blog {
    margin: 0;
    padding: 0;
}

.iq-register .modal-footer .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0px 4px;
}

.iq-register .modal-footer .iq-media-blog li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: var(--iq-primary);
    background: transparent;
    border: 1px solid var(--iq-primary);
    text-align: center;
    border-radius: 50%;
}

.iq-register .modal-footer .iq-media-blog li a:hover {
    background: var(--iq-primary);
    border-color: var(--iq-primary);
    color: var(--white);
}

.iq-register .modal-header .close {
    outline: none;
}

.iq-register p {
    font-size: 13px;
    line-height: 20px;
}

/*---------------------------------------------------------------------
                          Search
---------------------------------------------------------------------*/
.iq-search .search-btn {
    -o-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -ms-transition: color 300ms ease 0s;
    -webkit-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}

.iq-search .search-btn span {
    font-size: 0;
}

.iq-search .search-btn:before {
    content: "\f002";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-indent: 0;
    top: 50%;
    margin-top: -9px;
}

.iq-search.search-open .search-btn:before {
    content: "\f00d ";
}

.search-box {
    background: var(--white);
    display: block;
    margin: 0;
    opacity: 0 !important;
    padding: 15px;
    position: absolute;
    right: 0;
    top: -9999px !important;
    transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
    visibility: hidden;
    width: 327px;
    z-index: 888;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.iq-search.search-open .search-box {
    opacity: 1 !important;
    top: 100% !important;
    visibility: visible !important;
}

.iq-search .search-box input {
    background: transparent;
    border-radius: 0;
    border: 1px solid var(--);
    padding-left: 15px;
    padding-right: 30px;
    box-shadow: none;
    color: #666;
}

.iq-search .search-box input:focus {
    background: transparent;
    border: 1px solid var(--iq-primary);
}

.iq-search i {
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 27px;
    top: 50%;
    transform: translateY(-50%);
}

.iq-search.search-open i:hover {
    color: var(--iq-primary);
}

::-webkit-inner-spin-button {
    opacity: 1;
}

/*---------------------------------------------------------------------
                      Owl Carousel Dot
-----------------------------------------------------------------------*/
.owl-carousel .owl-controls .owl-dot {
    display: inline-block;
    margin-top: 20px;
}

.owl-carousel .owl-dots {
    display: inline-block;
    position: relative;
    text-indent: inherit;
    width: 100%;
    cursor: pointer;
}

.owl-carousel.owl-theme .owl-dots .owl-dot span {
    background: var(--iq-dark);
    border-radius: 30px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 3px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--iq-primary);
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
    background: var(--iq-primary);
}

.dots-left .owl-dots {
    padding-left: 94px;
    padding-top: 10px;
}

/* Arrow-1 */
.owl-carousel.arrow-1 {
    overflow: hidden;
}

.owl-carousel.arrow-1 .owl-nav {
    display: block;
    position: absolute;
    text-indent: inherit;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    width: 100%;
    cursor: pointer;
}

.owl-carousel.arrow-1 .owl-nav .owl-prev {
    display: block;
    position: absolute;
    text-indent: inherit;
    left: -44px;
    width: auto;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
}

.owl-carousel.arrow-1 .owl-nav .owl-next {
    display: block;
    position: absolute;
    text-indent: inherit;
    right: -44px;
    width: auto;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
}

.owl-carousel.arrow-1 .owl-nav i {
    font-weight: normal;
    font-size: 24px;
    color: var(--white);
    background: rgba(44, 62, 80, 0.7);
    padding: 8px 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.owl-carousel.arrow-1 .owl-nav i:hover {
    background: var(--iq-primary);
}

.owl-carousel.arrow-1 .owl-nav .owl-prev {
    left: 0;
}

.owl-carousel.arrow-1 .owl-nav .owl-next {
    right: 0;
}

.owl-carousel.arrow-1 .owl-stage-outer {
    overflow: hidden;
}

/*---------------------------------------------------------------------
                      Banner
-----------------------------------------------------------------------*/
.iq-banner .banner-text {
    margin: 13% 0;
}

.iq-banner .banner-text h1 {
    font-size: 5.2em;
    line-height: normal
}

/* banner From */
.banner-form {
    background: var(--white);
    display: inline-block;
    float: right;
    width: 80%;
    padding: 30px 30px 40px;
    position: relative;
    border-radius: 20px;
}

.banner-form:before {
    position: absolute;
    bottom: 0px;
    right: 0;
    background: url('../images/banner/02.png') no-repeat 0 0;
    background-size: 100%;
    width: 100%;
    height: 87px;
    content: "";
    border-radius: 0 0 20px 20px;
}

.banner-form .form-icon {
    background: var(--iq-primary);
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 89%;
    -webkit-box-shadow: -8px 6px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -8px 6px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -8px 6px 10px 0px rgba(0, 0, 0, 0.15);
}

.banner-form h2 {
    margin-left: 30px;
    line-height: 36px;
    font-size: 40px;
}

.banner-form h2 small {
    display: inline-block;
    width: 100%;
    color: var(--iq-secondary);
    font-weight: 500;
    font-size: 20px;
}

.calculator .cryptonatorwidget {
    padding: 0 !important;
    border: none !important;
}

.calculator .cryptonatorwidget tr td {
    margin: 0;
    padding: 0;
    padding-right: 10px;
}

.calculator .cryptonatorwidget input,
.calculator .cryptonatorwidget select {
    padding: 0 0 0 10px;
    height: 40px !important;
    line-height: 40px !important;
    margin-bottom: 15px;
    border: 1px solid #bbb;
    border-radius: 3px;
    outline: none;
}

.calculator .cryptonatorwidget div {
    display: none;
}

.banner-form .calculator input,
.banner-form .calculator select {
    border: 1px solid var(--iq-dark);
    color: var(--iq-dark) !important;
    background: none;
    height: 40px;
}

.banner-form .calculator .fromSymbolLabel {
    height: 40px;
    line-height: 40px;
}

.banner-form .calculator select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: 96% center;
}

.banner-form .styledSelect {
    text-align-last: left;
}

/* Price Silder */
.price-silder {
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    padding: 15px 0 0;
    position: relative;
    overflow: hidden;
}

.price-silder .media img {
    width: 40px;
}

.price-silder .media-body {
    line-height: 12px;
}

.price-silder .media-body span {
    font-size: 14px;
}

.price-silder .media-body small {
    font-size: 12px;
    display: inline-block;
    width: 100%;
}

.price-silder .price-title {
    position: absolute;
    z-index: 9;
    padding: 24px 200px 24px 60px;
    top: 0;
    background: -moz-linear-gradient(180deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(249, 183, 7, 1)), color-stop(49%, rgba(249, 183, 7, 1)), color-stop(100%, rgba(249, 183, 7, 0)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(180deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(180deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(180deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
    /* ie10+ */
    background: linear-gradient(270deg, rgba(249, 183, 7, 0) 0%, rgba(249, 183, 7, 1) 51%, rgba(249, 183, 7, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--iq-primary)', endColorstr='var(--iq-primary)', GradientType=1);
    /* ie6-9 */
}

.price-silder .price-title h6 {
    color: var(--white);
}

/*---------------------------------------------------------------------
                         Banner Stars
-----------------------------------------------------------------------*/
.banner-stars {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.banner-stars .stars-text {
    margin-top: 33%;
    color: var(--white);
}

.banner-stars h1,
.banner-stars h4 {
    color: var(--white);
}

#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 976px 72px var(--white), 940px 1805px var(--white), 1639px 220px var(--white), 1008px 1725px var(--white), 1319px 567px var(--white), 1084px 876px var(--white), 692px 1873px var(--white), 361px 935px var(--white), 351px 585px var(--white), 1247px 1340px var(--white), 938px 1735px var(--white), 1601px 706px var(--white), 266px 1172px var(--white), 1075px 1853px var(--white), 1060px 365px var(--white), 1269px 266px var(--white), 1107px 291px var(--white), 67px 1790px var(--white), 506px 1130px var(--white), 221px 935px var(--white), 1480px 571px var(--white), 1806px 1566px var(--white), 1187px 229px var(--white), 1637px 1495px var(--white), 80px 685px var(--white), 216px 1667px var(--white), 454px 1998px var(--white), 1011px 1081px var(--white), 246px 838px var(--white), 1007px 1777px var(--white), 1484px 701px var(--white), 1328px 1971px var(--white), 1223px 750px var(--white), 1960px 534px var(--white), 1186px 239px var(--white), 848px 118px var(--white), 1795px 1018px var(--white), 241px 525px var(--white), 706px 1598px var(--white), 427px 1864px var(--white), 396px 511px var(--white), 1256px 428px var(--white), 416px 1266px var(--white), 529px 1611px var(--white), 1223px 899px var(--white), 1266px 712px var(--white), 1917px 224px var(--white), 1673px 1291px var(--white), 1642px 1751px var(--white), 1797px 1089px var(--white), 767px 1338px var(--white), 1811px 997px var(--white), 613px 729px var(--white), 462px 238px var(--white), 1764px 715px var(--white), 1504px 1321px var(--white), 163px 415px var(--white), 1754px 426px var(--white), 54px 1939px var(--white), 357px 553px var(--white), 490px 1144px var(--white), 1147px 1092px var(--white), 1193px 1856px var(--white), 1789px 508px var(--white), 1948px 594px var(--white), 879px 1268px var(--white), 1388px 371px var(--white), 1269px 656px var(--white), 235px 436px var(--white), 1437px 1351px var(--white), 1650px 1547px var(--white), 590px 272px var(--white), 734px 1057px var(--white), 479px 1658px var(--white), 1528px 1400px var(--white), 1294px 1425px var(--white), 1974px 1894px var(--white), 16px 128px var(--white), 1951px 148px var(--white), 1304px 1669px var(--white), 1245px 1204px var(--white), 1247px 1677px var(--white), 1784px 1108px var(--white), 707px 1122px var(--white), 289px 1656px var(--white), 1630px 424px var(--white), 1538px 381px var(--white), 1160px 1384px var(--white), 532px 79px var(--white), 890px 473px var(--white), 893px 1864px var(--white), 1697px 885px var(--white), 1107px 179px var(--white), 1207px 1487px var(--white), 1092px 92px var(--white), 1580px 1381px var(--white), 1594px 604px var(--white), 696px 767px var(--white), 1074px 890px var(--white), 1664px 91px var(--white), 105px 624px var(--white), 1134px 1660px var(--white), 215px 1884px var(--white), 176px 1720px var(--white), 1418px 846px var(--white), 1995px 1729px var(--white), 1965px 1559px var(--white), 1699px 447px var(--white), 1647px 1449px var(--white), 1840px 757px var(--white), 587px 1288px var(--white), 394px 1151px var(--white), 46px 1681px var(--white), 1705px 91px var(--white), 724px 822px var(--white), 346px 1381px var(--white), 133px 22px var(--white), 1805px 236px var(--white), 1126px 1298px var(--white), 1848px 321px var(--white), 694px 1713px var(--white), 1091px 543px var(--white), 247px 956px var(--white), 482px 237px var(--white), 689px 1688px var(--white), 1531px 1654px var(--white), 330px 749px var(--white), 1514px 838px var(--white), 1930px 276px var(--white), 1026px 1738px var(--white), 1554px 669px var(--white), 1544px 1742px var(--white), 362px 1670px var(--white), 1581px 178px var(--white), 1983px 213px var(--white), 897px 551px var(--white), 354px 1193px var(--white), 1512px 1917px var(--white), 907px 1801px var(--white), 1877px 586px var(--white), 891px 1384px var(--white), 1604px 1643px var(--white), 242px 1741px var(--white), 1201px 1113px var(--white), 1297px 821px var(--white), 4px 1206px var(--white), 1383px 481px var(--white), 1145px 1296px var(--white), 311px 1882px var(--white), 668px 1295px var(--white), 562px 744px var(--white), 1237px 229px var(--white), 1672px 403px var(--white), 138px 445px var(--white), 863px 218px var(--white), 547px 901px var(--white), 1445px 1320px var(--white), 646px 1742px var(--white), 1624px 1842px var(--white), 918px 1870px var(--white), 1022px 1029px var(--white), 673px 567px var(--white), 1268px 1450px var(--white), 1437px 1329px var(--white), 328px 564px var(--white), 1245px 901px var(--white), 560px 600px var(--white), 615px 1391px var(--white), 1360px 123px var(--white), 1927px 1339px var(--white), 1902px 1631px var(--white), 1612px 1864px var(--white), 1511px 1484px var(--white), 1073px 600px var(--white), 1725px 1693px var(--white), 116px 1418px var(--white), 1230px 1684px var(--white), 23px 1515px var(--white), 832px 1823px var(--white), 750px 133px var(--white), 451px 189px var(--white), 16px 257px var(--white), 1659px 1437px var(--white), 1456px 1635px var(--white), 595px 1389px var(--white), 673px 916px var(--white), 1294px 124px var(--white), 1935px 499px var(--white), 1665px 1482px var(--white), 1569px 1929px var(--white), 1192px 919px var(--white), 519px 1729px var(--white), 1106px 1912px var(--white), 335px 673px var(--white), 504px 488px var(--white), 188px 1837px var(--white), 925px 1814px var(--white), 1597px 1538px var(--white), 927px 826px var(--white), 1533px 1590px var(--white), 1998px 200px var(--white), 1126px 1764px var(--white), 1004px 1878px var(--white), 1532px 1045px var(--white), 1927px 1203px var(--white), 252px 1462px var(--white), 1756px 1554px var(--white), 622px 514px var(--white), 151px 1179px var(--white), 1674px 670px var(--white), 1864px 1745px var(--white), 1669px 1602px var(--white), 1154px 1666px var(--white), 661px 255px var(--white), 1916px 1861px var(--white), 445px 1871px var(--white), 50px 1147px var(--white), 815px 1272px var(--white), 581px 1183px var(--white), 12px 1876px var(--white), 125px 1262px var(--white), 167px 1148px var(--white), 865px 1511px var(--white), 549px 227px var(--white), 94px 694px var(--white), 19px 96px var(--white), 1428px 763px var(--white), 1078px 1277px var(--white), 888px 1889px var(--white), 912px 1065px var(--white), 1828px 1094px var(--white), 992px 1901px var(--white), 1854px 996px var(--white), 1200px 305px var(--white), 1000px 1515px var(--white), 1529px 454px var(--white), 357px 216px var(--white), 1261px 1361px var(--white), 1056px 420px var(--white), 1204px 1100px var(--white), 1127px 1470px var(--white), 557px 567px var(--white), 1999px 574px var(--white), 1676px 718px var(--white), 1344px 1694px var(--white), 1556px 92px var(--white), 1619px 157px var(--white), 91px 1445px var(--white), 426px 1498px var(--white), 1027px 961px var(--white), 420px 1145px var(--white), 848px 589px var(--white), 510px 1116px var(--white), 561px 743px var(--white), 493px 854px var(--white), 1754px 382px var(--white), 1349px 684px var(--white), 372px 424px var(--white), 821px 1358px var(--white), 1678px 609px var(--white), 481px 970px var(--white), 1391px 423px var(--white), 1528px 560px var(--white), 597px 1449px var(--white), 926px 861px var(--white), 1212px 1276px var(--white), 991px 147px var(--white), 1360px 925px var(--white), 893px 60px var(--white), 1482px 1571px var(--white), 1040px 788px var(--white), 672px 1422px var(--white), 1817px 1533px var(--white), 1790px 1141px var(--white), 1312px 1176px var(--white), 1457px 521px var(--white), 299px 58px var(--white), 848px 57px var(--white), 639px 1174px var(--white), 416px 1887px var(--white), 1542px 964px var(--white), 952px 868px var(--white), 276px 1079px var(--white), 1135px 1198px var(--white), 466px 346px var(--white), 1532px 476px var(--white), 710px 1633px var(--white), 537px 1069px var(--white), 718px 329px var(--white), 33px 1817px var(--white), 345px 1064px var(--white), 1743px 1236px var(--white), 1819px 1604px var(--white), 1419px 1827px var(--white), 1974px 1218px var(--white), 817px 1279px var(--white), 1508px 1104px var(--white), 1384px 1751px var(--white), 1480px 1962px var(--white), 253px 451px var(--white), 1988px 1157px var(--white), 454px 876px var(--white), 966px 1956px var(--white), 1780px 97px var(--white), 1162px 907px var(--white), 1864px 1404px var(--white), 827px 1768px var(--white), 1285px 474px var(--white), 688px 1569px var(--white), 420px 1684px var(--white), 655px 886px var(--white), 1765px 1997px var(--white), 324px 416px var(--white), 1958px 542px var(--white), 1162px 702px var(--white), 409px 176px var(--white), 518px 160px var(--white), 1540px 1368px var(--white), 250px 1882px var(--white), 654px 1784px var(--white), 1990px 1910px var(--white), 1463px 1740px var(--white), 107px 995px var(--white), 1248px 975px var(--white), 1100px 319px var(--white), 1395px 187px var(--white), 681px 1488px var(--white), 1841px 1846px var(--white), 1641px 927px var(--white), 1861px 1303px var(--white), 877px 82px var(--white), 561px 1242px var(--white), 189px 1347px var(--white), 1342px 936px var(--white), 1916px 1833px var(--white), 539px 723px var(--white), 108px 183px var(--white), 1994px 1345px var(--white), 669px 805px var(--white), 1640px 601px var(--white), 1811px 1816px var(--white), 1451px 810px var(--white), 905px 769px var(--white), 87px 756px var(--white), 1645px 822px var(--white), 118px 578px var(--white), 1408px 810px var(--white), 943px 186px var(--white), 215px 1696px var(--white), 131px 1280px var(--white), 411px 1774px var(--white), 662px 1922px var(--white), 159px 1182px var(--white), 303px 1070px var(--white), 1668px 1445px var(--white), 722px 1233px var(--white), 149px 1042px var(--white), 286px 1102px var(--white), 742px 527px var(--white), 893px 600px var(--white), 1277px 202px var(--white), 1063px 297px var(--white), 809px 862px var(--white), 1210px 988px var(--white), 1564px 1310px var(--white), 1075px 53px var(--white), 357px 999px var(--white), 1086px 604px var(--white), 751px 1636px var(--white), 1739px 1182px var(--white), 835px 537px var(--white), 1318px 566px var(--white), 241px 1125px var(--white), 111px 1013px var(--white), 765px 1741px var(--white), 538px 1772px var(--white), 304px 191px var(--white), 678px 872px var(--white), 961px 1527px var(--white), 403px 1718px var(--white), 571px 807px var(--white), 1818px 1153px var(--white), 1931px 614px var(--white), 1365px 431px var(--white), 602px 174px var(--white), 1356px 340px var(--white), 1230px 329px var(--white), 71px 2px var(--white), 843px 1703px var(--white), 611px 370px var(--white), 1993px 604px var(--white), 1730px 875px var(--white), 1938px 421px var(--white), 905px 1808px var(--white), 1944px 352px var(--white), 266px 1718px var(--white), 936px 88px var(--white), 644px 817px var(--white), 1180px 1561px var(--white), 1893px 1548px var(--white), 1097px 82px var(--white), 294px 1714px var(--white), 1805px 583px var(--white), 863px 159px var(--white), 1106px 1851px var(--white), 1090px 1035px var(--white), 1753px 1591px var(--white), 1422px 1670px var(--white), 1100px 1791px var(--white), 1660px 1484px var(--white), 1376px 240px var(--white), 324px 1683px var(--white), 933px 1155px var(--white), 826px 90px var(--white), 431px 177px var(--white), 524px 1271px var(--white), 348px 1889px var(--white), 1460px 1252px var(--white), 586px 1883px var(--white), 751px 234px var(--white), 105px 1642px var(--white), 206px 1224px var(--white), 902px 158px var(--white), 106px 752px var(--white), 1166px 314px var(--white), 1800px 1256px var(--white), 789px 240px var(--white), 1369px 1133px var(--white), 1412px 120px var(--white), 531px 1479px var(--white), 972px 829px var(--white), 87px 534px var(--white), 1929px 664px var(--white), 795px 1001px var(--white), 1541px 1605px var(--white), 1935px 969px var(--white), 762px 904px var(--white), 1448px 844px var(--white), 1292px 1734px var(--white), 1125px 1991px var(--white), 1146px 1208px var(--white), 819px 925px var(--white), 1598px 446px var(--white), 1141px 378px var(--white), 89px 1663px var(--white), 658px 1959px var(--white), 1537px 960px var(--white), 18px 1280px var(--white), 211px 121px var(--white), 1793px 1227px var(--white), 1721px 1842px var(--white), 482px 1699px var(--white), 909px 1813px var(--white), 1196px 239px var(--white), 776px 1224px var(--white), 1852px 1073px var(--white), 266px 1970px var(--white), 1318px 1530px var(--white), 1992px 1941px var(--white), 584px 329px var(--white), 449px 1533px var(--white), 1842px 1976px var(--white), 773px 6px var(--white), 888px 1884px var(--white), 1091px 1816px var(--white), 1903px 1262px var(--white), 795px 255px var(--white), 1040px 414px var(--white), 1486px 1215px var(--white), 788px 1921px var(--white), 1793px 1509px var(--white), 750px 1684px var(--white), 653px 1822px var(--white), 1303px 1508px var(--white), 458px 682px var(--white), 1565px 1208px var(--white), 1250px 1235px var(--white), 1167px 249px var(--white), 335px 597px var(--white), 1033px 1258px var(--white), 1982px 163px var(--white), 27px 84px var(--white), 1911px 1521px var(--white), 80px 73px var(--white), 848px 4px var(--white), 788px 1622px var(--white), 753px 236px var(--white), 1712px 1001px var(--white), 1640px 1384px var(--white), 1921px 653px var(--white), 1793px 1078px var(--white), 945px 821px var(--white), 1202px 710px var(--white), 933px 369px var(--white), 1802px 1778px var(--white), 1291px 1235px var(--white), 1680px 245px var(--white), 193px 1290px var(--white), 734px 1381px var(--white), 1812px 21px var(--white), 561px 1288px var(--white), 1039px 1432px var(--white), 1019px 1975px var(--white), 932px 387px var(--white), 620px 91px var(--white), 99px 1833px var(--white), 1704px 962px var(--white), 706px 1001px var(--white), 964px 889px var(--white), 748px 1896px var(--white), 1824px 261px var(--white), 1520px 1119px var(--white), 1645px 596px var(--white), 271px 827px var(--white), 860px 1599px var(--white), 129px 1616px var(--white), 1870px 508px var(--white), 1384px 161px var(--white), 1676px 952px var(--white), 541px 1802px var(--white), 115px 1490px var(--white), 1166px 60px var(--white), 52px 1497px var(--white), 1411px 643px var(--white), 252px 1803px var(--white), 1669px 918px var(--white), 620px 1009px var(--white), 1305px 346px var(--white), 927px 1111px var(--white), 1668px 892px var(--white), 306px 150px var(--white), 988px 1259px var(--white), 188px 1043px var(--white), 1671px 439px var(--white), 413px 708px var(--white), 1067px 476px var(--white), 1863px 1163px var(--white), 109px 1335px var(--white), 1776px 498px var(--white), 1774px 979px var(--white), 374px 1361px var(--white), 719px 1786px var(--white), 342px 226px var(--white), 1131px 1983px var(--white), 538px 549px var(--white), 228px 1786px var(--white), 730px 467px var(--white), 1769px 1910px var(--white), 654px 916px var(--white), 527px 1983px var(--white), 1063px 1266px var(--white), 902px 1035px var(--white), 1226px 487px var(--white), 1589px 589px var(--white), 696px 1145px var(--white), 72px 1476px var(--white), 842px 420px var(--white), 260px 1988px var(--white), 549px 530px var(--white), 325px 547px var(--white), 671px 642px var(--white), 1957px 454px var(--white), 765px 1290px var(--white), 700px 801px var(--white), 1528px 1541px var(--white), 569px 7px var(--white), 397px 1934px var(--white), 1723px 91px var(--white), 389px 864px var(--white), 45px 1080px var(--white), 1358px 1161px var(--white), 1102px 258px var(--white), 47px 1446px var(--white), 105px 1894px var(--white), 486px 1034px var(--white), 1148px 1841px var(--white), 1228px 1552px var(--white), 866px 1337px var(--white), 871px 457px var(--white), 553px 913px var(--white), 1247px 144px var(--white), 155px 539px var(--white), 1261px 1123px var(--white), 1217px 91px var(--white), 29px 1997px var(--white), 179px 1788px var(--white), 981px 351px var(--white), 1385px 1416px var(--white), 1520px 647px var(--white), 501px 1194px var(--white), 484px 237px var(--white), 511px 1597px var(--white), 1500px 1845px var(--white), 1209px 164px var(--white), 1568px 1014px var(--white), 686px 1004px var(--white), 894px 1543px var(--white), 267px 605px var(--white), 1617px 794px var(--white), 880px 1896px var(--white), 100px 546px var(--white), 1414px 693px var(--white), 1533px 31px var(--white), 897px 1606px var(--white), 317px 1364px var(--white), 1656px 549px var(--white), 931px 866px var(--white), 1405px 489px var(--white), 1099px 1256px var(--white), 740px 532px var(--white), 807px 808px var(--white), 1498px 343px var(--white), 1484px 502px var(--white), 1110px 451px var(--white), 1897px 1995px var(--white), 1062px 983px var(--white), 141px 1853px var(--white), 282px 232px var(--white), 364px 124px var(--white), 517px 980px var(--white), 1px 1345px var(--white), 1724px 957px var(--white), 858px 1979px var(--white), 1131px 328px var(--white), 330px 995px var(--white), 1547px 170px var(--white), 900px 1571px var(--white), 926px 1133px var(--white), 1169px 368px var(--white), 171px 1849px var(--white), 1272px 1108px var(--white), 867px 277px var(--white), 640px 1845px var(--white), 1643px 878px var(--white), 830px 1457px var(--white), 42px 825px var(--white), 1746px 1325px var(--white), 1662px 1280px var(--white), 1868px 1330px var(--white), 425px 1913px var(--white), 445px 418px var(--white), 1470px 1009px var(--white), 1062px 1021px var(--white), 1425px 1584px var(--white), 972px 580px var(--white), 929px 205px var(--white), 918px 539px var(--white), 178px 870px var(--white), 420px 1642px var(--white), 1049px 564px var(--white), 1109px 1280px var(--white), 400px 1776px var(--white), 1836px 46px var(--white), 27px 1107px var(--white), 416px 1859px var(--white), 1094px 1383px var(--white), 373px 1921px var(--white), 49px 1814px var(--white), 978px 1195px var(--white), 361px 1520px var(--white), 955px 267px var(--white), 1961px 904px var(--white), 660px 66px var(--white), 1385px 882px var(--white), 1713px 1389px var(--white), 230px 1862px var(--white), 940px 373px var(--white), 1817px 969px var(--white), 522px 969px var(--white), 1327px 80px var(--white), 1550px 1263px var(--white), 421px 416px var(--white), 716px 144px var(--white), 110px 66px var(--white), 1678px 954px var(--white), 588px 1025px var(--white), 894px 1820px var(--white), 1784px 1527px var(--white), 635px 1297px var(--white), 623px 1167px var(--white), 1667px 1352px var(--white), 1014px 1972px var(--white), 1059px 1746px var(--white), 842px 1122px var(--white), 599px 623px var(--white), 1889px 281px var(--white), 853px 1646px var(--white), 448px 924px var(--white), 905px 970px var(--white), 1300px 1671px var(--white), 1687px 1899px var(--white), 1030px 1842px var(--white), 840px 136px var(--white), 255px 524px var(--white), 476px 479px var(--white), 1345px 1484px var(--white), 1343px 1631px var(--white), 295px 383px var(--white), 345px 1538px var(--white), 1360px 499px var(--white);
    animation: animStar 50s linear infinite;
}

#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 976px 72px var(--white), 940px 1805px var(--white), 1639px 220px var(--white), 1008px 1725px var(--white), 1319px 567px var(--white), 1084px 876px var(--white), 692px 1873px var(--white), 361px 935px var(--white), 351px 585px var(--white), 1247px 1340px var(--white), 938px 1735px var(--white), 1601px 706px var(--white), 266px 1172px var(--white), 1075px 1853px var(--white), 1060px 365px var(--white), 1269px 266px var(--white), 1107px 291px var(--white), 67px 1790px var(--white), 506px 1130px var(--white), 221px 935px var(--white), 1480px 571px var(--white), 1806px 1566px var(--white), 1187px 229px var(--white), 1637px 1495px var(--white), 80px 685px var(--white), 216px 1667px var(--white), 454px 1998px var(--white), 1011px 1081px var(--white), 246px 838px var(--white), 1007px 1777px var(--white), 1484px 701px var(--white), 1328px 1971px var(--white), 1223px 750px var(--white), 1960px 534px var(--white), 1186px 239px var(--white), 848px 118px var(--white), 1795px 1018px var(--white), 241px 525px var(--white), 706px 1598px var(--white), 427px 1864px var(--white), 396px 511px var(--white), 1256px 428px var(--white), 416px 1266px var(--white), 529px 1611px var(--white), 1223px 899px var(--white), 1266px 712px var(--white), 1917px 224px var(--white), 1673px 1291px var(--white), 1642px 1751px var(--white), 1797px 1089px var(--white), 767px 1338px var(--white), 1811px 997px var(--white), 613px 729px var(--white), 462px 238px var(--white), 1764px 715px var(--white), 1504px 1321px var(--white), 163px 415px var(--white), 1754px 426px var(--white), 54px 1939px var(--white), 357px 553px var(--white), 490px 1144px var(--white), 1147px 1092px var(--white), 1193px 1856px var(--white), 1789px 508px var(--white), 1948px 594px var(--white), 879px 1268px var(--white), 1388px 371px var(--white), 1269px 656px var(--white), 235px 436px var(--white), 1437px 1351px var(--white), 1650px 1547px var(--white), 590px 272px var(--white), 734px 1057px var(--white), 479px 1658px var(--white), 1528px 1400px var(--white), 1294px 1425px var(--white), 1974px 1894px var(--white), 16px 128px var(--white), 1951px 148px var(--white), 1304px 1669px var(--white), 1245px 1204px var(--white), 1247px 1677px var(--white), 1784px 1108px var(--white), 707px 1122px var(--white), 289px 1656px var(--white), 1630px 424px var(--white), 1538px 381px var(--white), 1160px 1384px var(--white), 532px 79px var(--white), 890px 473px var(--white), 893px 1864px var(--white), 1697px 885px var(--white), 1107px 179px var(--white), 1207px 1487px var(--white), 1092px 92px var(--white), 1580px 1381px var(--white), 1594px 604px var(--white), 696px 767px var(--white), 1074px 890px var(--white), 1664px 91px var(--white), 105px 624px var(--white), 1134px 1660px var(--white), 215px 1884px var(--white), 176px 1720px var(--white), 1418px 846px var(--white), 1995px 1729px var(--white), 1965px 1559px var(--white), 1699px 447px var(--white), 1647px 1449px var(--white), 1840px 757px var(--white), 587px 1288px var(--white), 394px 1151px var(--white), 46px 1681px var(--white), 1705px 91px var(--white), 724px 822px var(--white), 346px 1381px var(--white), 133px 22px var(--white), 1805px 236px var(--white), 1126px 1298px var(--white), 1848px 321px var(--white), 694px 1713px var(--white), 1091px 543px var(--white), 247px 956px var(--white), 482px 237px var(--white), 689px 1688px var(--white), 1531px 1654px var(--white), 330px 749px var(--white), 1514px 838px var(--white), 1930px 276px var(--white), 1026px 1738px var(--white), 1554px 669px var(--white), 1544px 1742px var(--white), 362px 1670px var(--white), 1581px 178px var(--white), 1983px 213px var(--white), 897px 551px var(--white), 354px 1193px var(--white), 1512px 1917px var(--white), 907px 1801px var(--white), 1877px 586px var(--white), 891px 1384px var(--white), 1604px 1643px var(--white), 242px 1741px var(--white), 1201px 1113px var(--white), 1297px 821px var(--white), 4px 1206px var(--white), 1383px 481px var(--white), 1145px 1296px var(--white), 311px 1882px var(--white), 668px 1295px var(--white), 562px 744px var(--white), 1237px 229px var(--white), 1672px 403px var(--white), 138px 445px var(--white), 863px 218px var(--white), 547px 901px var(--white), 1445px 1320px var(--white), 646px 1742px var(--white), 1624px 1842px var(--white), 918px 1870px var(--white), 1022px 1029px var(--white), 673px 567px var(--white), 1268px 1450px var(--white), 1437px 1329px var(--white), 328px 564px var(--white), 1245px 901px var(--white), 560px 600px var(--white), 615px 1391px var(--white), 1360px 123px var(--white), 1927px 1339px var(--white), 1902px 1631px var(--white), 1612px 1864px var(--white), 1511px 1484px var(--white), 1073px 600px var(--white), 1725px 1693px var(--white), 116px 1418px var(--white), 1230px 1684px var(--white), 23px 1515px var(--white), 832px 1823px var(--white), 750px 133px var(--white), 451px 189px var(--white), 16px 257px var(--white), 1659px 1437px var(--white), 1456px 1635px var(--white), 595px 1389px var(--white), 673px 916px var(--white), 1294px 124px var(--white), 1935px 499px var(--white), 1665px 1482px var(--white), 1569px 1929px var(--white), 1192px 919px var(--white), 519px 1729px var(--white), 1106px 1912px var(--white), 335px 673px var(--white), 504px 488px var(--white), 188px 1837px var(--white), 925px 1814px var(--white), 1597px 1538px var(--white), 927px 826px var(--white), 1533px 1590px var(--white), 1998px 200px var(--white), 1126px 1764px var(--white), 1004px 1878px var(--white), 1532px 1045px var(--white), 1927px 1203px var(--white), 252px 1462px var(--white), 1756px 1554px var(--white), 622px 514px var(--white), 151px 1179px var(--white), 1674px 670px var(--white), 1864px 1745px var(--white), 1669px 1602px var(--white), 1154px 1666px var(--white), 661px 255px var(--white), 1916px 1861px var(--white), 445px 1871px var(--white), 50px 1147px var(--white), 815px 1272px var(--white), 581px 1183px var(--white), 12px 1876px var(--white), 125px 1262px var(--white), 167px 1148px var(--white), 865px 1511px var(--white), 549px 227px var(--white), 94px 694px var(--white), 19px 96px var(--white), 1428px 763px var(--white), 1078px 1277px var(--white), 888px 1889px var(--white), 912px 1065px var(--white), 1828px 1094px var(--white), 992px 1901px var(--white), 1854px 996px var(--white), 1200px 305px var(--white), 1000px 1515px var(--white), 1529px 454px var(--white), 357px 216px var(--white), 1261px 1361px var(--white), 1056px 420px var(--white), 1204px 1100px var(--white), 1127px 1470px var(--white), 557px 567px var(--white), 1999px 574px var(--white), 1676px 718px var(--white), 1344px 1694px var(--white), 1556px 92px var(--white), 1619px 157px var(--white), 91px 1445px var(--white), 426px 1498px var(--white), 1027px 961px var(--white), 420px 1145px var(--white), 848px 589px var(--white), 510px 1116px var(--white), 561px 743px var(--white), 493px 854px var(--white), 1754px 382px var(--white), 1349px 684px var(--white), 372px 424px var(--white), 821px 1358px var(--white), 1678px 609px var(--white), 481px 970px var(--white), 1391px 423px var(--white), 1528px 560px var(--white), 597px 1449px var(--white), 926px 861px var(--white), 1212px 1276px var(--white), 991px 147px var(--white), 1360px 925px var(--white), 893px 60px var(--white), 1482px 1571px var(--white), 1040px 788px var(--white), 672px 1422px var(--white), 1817px 1533px var(--white), 1790px 1141px var(--white), 1312px 1176px var(--white), 1457px 521px var(--white), 299px 58px var(--white), 848px 57px var(--white), 639px 1174px var(--white), 416px 1887px var(--white), 1542px 964px var(--white), 952px 868px var(--white), 276px 1079px var(--white), 1135px 1198px var(--white), 466px 346px var(--white), 1532px 476px var(--white), 710px 1633px var(--white), 537px 1069px var(--white), 718px 329px var(--white), 33px 1817px var(--white), 345px 1064px var(--white), 1743px 1236px var(--white), 1819px 1604px var(--white), 1419px 1827px var(--white), 1974px 1218px var(--white), 817px 1279px var(--white), 1508px 1104px var(--white), 1384px 1751px var(--white), 1480px 1962px var(--white), 253px 451px var(--white), 1988px 1157px var(--white), 454px 876px var(--white), 966px 1956px var(--white), 1780px 97px var(--white), 1162px 907px var(--white), 1864px 1404px var(--white), 827px 1768px var(--white), 1285px 474px var(--white), 688px 1569px var(--white), 420px 1684px var(--white), 655px 886px var(--white), 1765px 1997px var(--white), 324px 416px var(--white), 1958px 542px var(--white), 1162px 702px var(--white), 409px 176px var(--white), 518px 160px var(--white), 1540px 1368px var(--white), 250px 1882px var(--white), 654px 1784px var(--white), 1990px 1910px var(--white), 1463px 1740px var(--white), 107px 995px var(--white), 1248px 975px var(--white), 1100px 319px var(--white), 1395px 187px var(--white), 681px 1488px var(--white), 1841px 1846px var(--white), 1641px 927px var(--white), 1861px 1303px var(--white), 877px 82px var(--white), 561px 1242px var(--white), 189px 1347px var(--white), 1342px 936px var(--white), 1916px 1833px var(--white), 539px 723px var(--white), 108px 183px var(--white), 1994px 1345px var(--white), 669px 805px var(--white), 1640px 601px var(--white), 1811px 1816px var(--white), 1451px 810px var(--white), 905px 769px var(--white), 87px 756px var(--white), 1645px 822px var(--white), 118px 578px var(--white), 1408px 810px var(--white), 943px 186px var(--white), 215px 1696px var(--white), 131px 1280px var(--white), 411px 1774px var(--white), 662px 1922px var(--white), 159px 1182px var(--white), 303px 1070px var(--white), 1668px 1445px var(--white), 722px 1233px var(--white), 149px 1042px var(--white), 286px 1102px var(--white), 742px 527px var(--white), 893px 600px var(--white), 1277px 202px var(--white), 1063px 297px var(--white), 809px 862px var(--white), 1210px 988px var(--white), 1564px 1310px var(--white), 1075px 53px var(--white), 357px 999px var(--white), 1086px 604px var(--white), 751px 1636px var(--white), 1739px 1182px var(--white), 835px 537px var(--white), 1318px 566px var(--white), 241px 1125px var(--white), 111px 1013px var(--white), 765px 1741px var(--white), 538px 1772px var(--white), 304px 191px var(--white), 678px 872px var(--white), 961px 1527px var(--white), 403px 1718px var(--white), 571px 807px var(--white), 1818px 1153px var(--white), 1931px 614px var(--white), 1365px 431px var(--white), 602px 174px var(--white), 1356px 340px var(--white), 1230px 329px var(--white), 71px 2px var(--white), 843px 1703px var(--white), 611px 370px var(--white), 1993px 604px var(--white), 1730px 875px var(--white), 1938px 421px var(--white), 905px 1808px var(--white), 1944px 352px var(--white), 266px 1718px var(--white), 936px 88px var(--white), 644px 817px var(--white), 1180px 1561px var(--white), 1893px 1548px var(--white), 1097px 82px var(--white), 294px 1714px var(--white), 1805px 583px var(--white), 863px 159px var(--white), 1106px 1851px var(--white), 1090px 1035px var(--white), 1753px 1591px var(--white), 1422px 1670px var(--white), 1100px 1791px var(--white), 1660px 1484px var(--white), 1376px 240px var(--white), 324px 1683px var(--white), 933px 1155px var(--white), 826px 90px var(--white), 431px 177px var(--white), 524px 1271px var(--white), 348px 1889px var(--white), 1460px 1252px var(--white), 586px 1883px var(--white), 751px 234px var(--white), 105px 1642px var(--white), 206px 1224px var(--white), 902px 158px var(--white), 106px 752px var(--white), 1166px 314px var(--white), 1800px 1256px var(--white), 789px 240px var(--white), 1369px 1133px var(--white), 1412px 120px var(--white), 531px 1479px var(--white), 972px 829px var(--white), 87px 534px var(--white), 1929px 664px var(--white), 795px 1001px var(--white), 1541px 1605px var(--white), 1935px 969px var(--white), 762px 904px var(--white), 1448px 844px var(--white), 1292px 1734px var(--white), 1125px 1991px var(--white), 1146px 1208px var(--white), 819px 925px var(--white), 1598px 446px var(--white), 1141px 378px var(--white), 89px 1663px var(--white), 658px 1959px var(--white), 1537px 960px var(--white), 18px 1280px var(--white), 211px 121px var(--white), 1793px 1227px var(--white), 1721px 1842px var(--white), 482px 1699px var(--white), 909px 1813px var(--white), 1196px 239px var(--white), 776px 1224px var(--white), 1852px 1073px var(--white), 266px 1970px var(--white), 1318px 1530px var(--white), 1992px 1941px var(--white), 584px 329px var(--white), 449px 1533px var(--white), 1842px 1976px var(--white), 773px 6px var(--white), 888px 1884px var(--white), 1091px 1816px var(--white), 1903px 1262px var(--white), 795px 255px var(--white), 1040px 414px var(--white), 1486px 1215px var(--white), 788px 1921px var(--white), 1793px 1509px var(--white), 750px 1684px var(--white), 653px 1822px var(--white), 1303px 1508px var(--white), 458px 682px var(--white), 1565px 1208px var(--white), 1250px 1235px var(--white), 1167px 249px var(--white), 335px 597px var(--white), 1033px 1258px var(--white), 1982px 163px var(--white), 27px 84px var(--white), 1911px 1521px var(--white), 80px 73px var(--white), 848px 4px var(--white), 788px 1622px var(--white), 753px 236px var(--white), 1712px 1001px var(--white), 1640px 1384px var(--white), 1921px 653px var(--white), 1793px 1078px var(--white), 945px 821px var(--white), 1202px 710px var(--white), 933px 369px var(--white), 1802px 1778px var(--white), 1291px 1235px var(--white), 1680px 245px var(--white), 193px 1290px var(--white), 734px 1381px var(--white), 1812px 21px var(--white), 561px 1288px var(--white), 1039px 1432px var(--white), 1019px 1975px var(--white), 932px 387px var(--white), 620px 91px var(--white), 99px 1833px var(--white), 1704px 962px var(--white), 706px 1001px var(--white), 964px 889px var(--white), 748px 1896px var(--white), 1824px 261px var(--white), 1520px 1119px var(--white), 1645px 596px var(--white), 271px 827px var(--white), 860px 1599px var(--white), 129px 1616px var(--white), 1870px 508px var(--white), 1384px 161px var(--white), 1676px 952px var(--white), 541px 1802px var(--white), 115px 1490px var(--white), 1166px 60px var(--white), 52px 1497px var(--white), 1411px 643px var(--white), 252px 1803px var(--white), 1669px 918px var(--white), 620px 1009px var(--white), 1305px 346px var(--white), 927px 1111px var(--white), 1668px 892px var(--white), 306px 150px var(--white), 988px 1259px var(--white), 188px 1043px var(--white), 1671px 439px var(--white), 413px 708px var(--white), 1067px 476px var(--white), 1863px 1163px var(--white), 109px 1335px var(--white), 1776px 498px var(--white), 1774px 979px var(--white), 374px 1361px var(--white), 719px 1786px var(--white), 342px 226px var(--white), 1131px 1983px var(--white), 538px 549px var(--white), 228px 1786px var(--white), 730px 467px var(--white), 1769px 1910px var(--white), 654px 916px var(--white), 527px 1983px var(--white), 1063px 1266px var(--white), 902px 1035px var(--white), 1226px 487px var(--white), 1589px 589px var(--white), 696px 1145px var(--white), 72px 1476px var(--white), 842px 420px var(--white), 260px 1988px var(--white), 549px 530px var(--white), 325px 547px var(--white), 671px 642px var(--white), 1957px 454px var(--white), 765px 1290px var(--white), 700px 801px var(--white), 1528px 1541px var(--white), 569px 7px var(--white), 397px 1934px var(--white), 1723px 91px var(--white), 389px 864px var(--white), 45px 1080px var(--white), 1358px 1161px var(--white), 1102px 258px var(--white), 47px 1446px var(--white), 105px 1894px var(--white), 486px 1034px var(--white), 1148px 1841px var(--white), 1228px 1552px var(--white), 866px 1337px var(--white), 871px 457px var(--white), 553px 913px var(--white), 1247px 144px var(--white), 155px 539px var(--white), 1261px 1123px var(--white), 1217px 91px var(--white), 29px 1997px var(--white), 179px 1788px var(--white), 981px 351px var(--white), 1385px 1416px var(--white), 1520px 647px var(--white), 501px 1194px var(--white), 484px 237px var(--white), 511px 1597px var(--white), 1500px 1845px var(--white), 1209px 164px var(--white), 1568px 1014px var(--white), 686px 1004px var(--white), 894px 1543px var(--white), 267px 605px var(--white), 1617px 794px var(--white), 880px 1896px var(--white), 100px 546px var(--white), 1414px 693px var(--white), 1533px 31px var(--white), 897px 1606px var(--white), 317px 1364px var(--white), 1656px 549px var(--white), 931px 866px var(--white), 1405px 489px var(--white), 1099px 1256px var(--white), 740px 532px var(--white), 807px 808px var(--white), 1498px 343px var(--white), 1484px 502px var(--white), 1110px 451px var(--white), 1897px 1995px var(--white), 1062px 983px var(--white), 141px 1853px var(--white), 282px 232px var(--white), 364px 124px var(--white), 517px 980px var(--white), 1px 1345px var(--white), 1724px 957px var(--white), 858px 1979px var(--white), 1131px 328px var(--white), 330px 995px var(--white), 1547px 170px var(--white), 900px 1571px var(--white), 926px 1133px var(--white), 1169px 368px var(--white), 171px 1849px var(--white), 1272px 1108px var(--white), 867px 277px var(--white), 640px 1845px var(--white), 1643px 878px var(--white), 830px 1457px var(--white), 42px 825px var(--white), 1746px 1325px var(--white), 1662px 1280px var(--white), 1868px 1330px var(--white), 425px 1913px var(--white), 445px 418px var(--white), 1470px 1009px var(--white), 1062px 1021px var(--white), 1425px 1584px var(--white), 972px 580px var(--white), 929px 205px var(--white), 918px 539px var(--white), 178px 870px var(--white), 420px 1642px var(--white), 1049px 564px var(--white), 1109px 1280px var(--white), 400px 1776px var(--white), 1836px 46px var(--white), 27px 1107px var(--white), 416px 1859px var(--white), 1094px 1383px var(--white), 373px 1921px var(--white), 49px 1814px var(--white), 978px 1195px var(--white), 361px 1520px var(--white), 955px 267px var(--white), 1961px 904px var(--white), 660px 66px var(--white), 1385px 882px var(--white), 1713px 1389px var(--white), 230px 1862px var(--white), 940px 373px var(--white), 1817px 969px var(--white), 522px 969px var(--white), 1327px 80px var(--white), 1550px 1263px var(--white), 421px 416px var(--white), 716px 144px var(--white), 110px 66px var(--white), 1678px 954px var(--white), 588px 1025px var(--white), 894px 1820px var(--white), 1784px 1527px var(--white), 635px 1297px var(--white), 623px 1167px var(--white), 1667px 1352px var(--white), 1014px 1972px var(--white), 1059px 1746px var(--white), 842px 1122px var(--white), 599px 623px var(--white), 1889px 281px var(--white), 853px 1646px var(--white), 448px 924px var(--white), 905px 970px var(--white), 1300px 1671px var(--white), 1687px 1899px var(--white), 1030px 1842px var(--white), 840px 136px var(--white), 255px 524px var(--white), 476px 479px var(--white), 1345px 1484px var(--white), 1343px 1631px var(--white), 295px 383px var(--white), 345px 1538px var(--white), 1360px 499px var(--white);
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 226px 1303px var(--white), 403px 1679px var(--white), 1872px 1259px var(--white), 1132px 1348px var(--white), 1390px 1695px var(--white), 878px 1824px var(--white), 1599px 1161px var(--white), 597px 139px var(--white), 1369px 1919px var(--white), 1305px 471px var(--white), 611px 1180px var(--white), 873px 1750px var(--white), 721px 850px var(--white), 222px 1238px var(--white), 1633px 917px var(--white), 888px 544px var(--white), 119px 202px var(--white), 67px 1912px var(--white), 1748px 1369px var(--white), 105px 1605px var(--white), 83px 697px var(--white), 595px 1864px var(--white), 1575px 1207px var(--white), 385px 1052px var(--white), 436px 1136px var(--white), 127px 1589px var(--white), 1486px 1553px var(--white), 460px 1205px var(--white), 1106px 196px var(--white), 1915px 1766px var(--white), 735px 580px var(--white), 911px 896px var(--white), 178px 188px var(--white), 514px 1511px var(--white), 1215px 626px var(--white), 521px 1968px var(--white), 914px 1893px var(--white), 1742px 444px var(--white), 1254px 147px var(--white), 1921px 666px var(--white), 970px 160px var(--white), 989px 562px var(--white), 1312px 1888px var(--white), 282px 1976px var(--white), 1926px 1490px var(--white), 481px 1551px var(--white), 291px 718px var(--white), 1869px 810px var(--white), 4px 51px var(--white), 220px 619px var(--white), 1197px 1906px var(--white), 1301px 409px var(--white), 34px 73px var(--white), 1825px 599px var(--white), 898px 1376px var(--white), 1659px 245px var(--white), 1711px 33px var(--white), 346px 48px var(--white), 1772px 1843px var(--white), 911px 793px var(--white), 1618px 1432px var(--white), 604px 341px var(--white), 1015px 1487px var(--white), 917px 606px var(--white), 989px 604px var(--white), 387px 1338px var(--white), 1284px 1379px var(--white), 1894px 742px var(--white), 784px 849px var(--white), 1389px 1392px var(--white), 1674px 406px var(--white), 1645px 1515px var(--white), 1368px 115px var(--white), 634px 1874px var(--white), 804px 1126px var(--white), 1044px 726px var(--white), 1005px 1988px var(--white), 948px 353px var(--white), 1364px 721px var(--white), 1798px 1001px var(--white), 283px 1664px var(--white), 1251px 1973px var(--white), 1675px 1681px var(--white), 1240px 1651px var(--white), 116px 577px var(--white), 1966px 383px var(--white), 1510px 996px var(--white), 1706px 629px var(--white), 776px 1442px var(--white), 937px 1967px var(--white), 1822px 248px var(--white), 1289px 1239px var(--white), 426px 1895px var(--white), 1420px 388px var(--white), 118px 523px var(--white), 958px 1201px var(--white), 335px 1414px var(--white), 1392px 790px var(--white), 1459px 971px var(--white), 1888px 1000px var(--white), 1975px 1231px var(--white), 1991px 1474px var(--white), 988px 1775px var(--white), 1038px 712px var(--white), 686px 1679px var(--white), 1073px 606px var(--white), 1577px 1151px var(--white), 4px 1716px var(--white), 205px 962px var(--white), 969px 1957px var(--white), 195px 1100px var(--white), 1726px 23px var(--white), 1174px 1966px var(--white), 1150px 561px var(--white), 1112px 1204px var(--white), 1425px 1926px var(--white), 691px 1959px var(--white), 57px 243px var(--white), 1624px 1599px var(--white), 389px 928px var(--white), 330px 229px var(--white), 680px 748px var(--white), 721px 1796px var(--white), 242px 1679px var(--white), 588px 618px var(--white), 441px 282px var(--white), 347px 369px var(--white), 1703px 1223px var(--white), 747px 570px var(--white), 1385px 977px var(--white), 427px 729px var(--white), 1156px 257px var(--white), 1662px 321px var(--white), 1313px 306px var(--white), 514px 377px var(--white), 1199px 836px var(--white), 1493px 236px var(--white), 1608px 1654px var(--white), 1620px 306px var(--white), 188px 281px var(--white), 1962px 943px var(--white), 1489px 528px var(--white), 559px 376px var(--white), 1774px 1324px var(--white), 662px 1695px var(--white), 1722px 540px var(--white), 707px 1187px var(--white), 1957px 58px var(--white), 332px 607px var(--white), 738px 713px var(--white), 1431px 940px var(--white), 195px 1560px var(--white), 1034px 1966px var(--white), 185px 1446px var(--white), 1138px 1299px var(--white), 1936px 410px var(--white), 1903px 1005px var(--white), 979px 415px var(--white), 669px 3px var(--white), 1019px 563px var(--white), 1678px 947px var(--white), 873px 1677px var(--white), 1365px 581px var(--white), 1248px 189px var(--white), 871px 1892px var(--white), 1390px 724px var(--white), 1759px 272px var(--white), 550px 1460px var(--white), 504px 1796px var(--white), 938px 300px var(--white), 1731px 1813px var(--white), 613px 997px var(--white), 377px 1399px var(--white), 539px 1580px var(--white), 1087px 1340px var(--white), 1485px 1285px var(--white), 239px 1656px var(--white), 1345px 1907px var(--white), 1925px 754px var(--white), 118px 1195px var(--white), 721px 1416px var(--white), 1400px 158px var(--white), 730px 1245px var(--white), 305px 1398px var(--white), 923px 558px var(--white), 710px 413px var(--white), 1539px 38px var(--white), 542px 317px var(--white), 414px 455px var(--white), 347px 184px var(--white), 1765px 380px var(--white), 1009px 490px var(--white), 900px 1083px var(--white), 1709px 1627px var(--white), 879px 830px var(--white), 32px 1195px var(--white), 1228px 168px var(--white), 616px 1699px var(--white), 623px 1787px var(--white), 1465px 388px var(--white);
    animation: animStar 100s linear infinite;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 226px 1303px var(--white), 403px 1679px var(--white), 1872px 1259px var(--white), 1132px 1348px var(--white), 1390px 1695px var(--white), 878px 1824px var(--white), 1599px 1161px var(--white), 597px 139px var(--white), 1369px 1919px var(--white), 1305px 471px var(--white), 611px 1180px var(--white), 873px 1750px var(--white), 721px 850px var(--white), 222px 1238px var(--white), 1633px 917px var(--white), 888px 544px var(--white), 119px 202px var(--white), 67px 1912px var(--white), 1748px 1369px var(--white), 105px 1605px var(--white), 83px 697px var(--white), 595px 1864px var(--white), 1575px 1207px var(--white), 385px 1052px var(--white), 436px 1136px var(--white), 127px 1589px var(--white), 1486px 1553px var(--white), 460px 1205px var(--white), 1106px 196px var(--white), 1915px 1766px var(--white), 735px 580px var(--white), 911px 896px var(--white), 178px 188px var(--white), 514px 1511px var(--white), 1215px 626px var(--white), 521px 1968px var(--white), 914px 1893px var(--white), 1742px 444px var(--white), 1254px 147px var(--white), 1921px 666px var(--white), 970px 160px var(--white), 989px 562px var(--white), 1312px 1888px var(--white), 282px 1976px var(--white), 1926px 1490px var(--white), 481px 1551px var(--white), 291px 718px var(--white), 1869px 810px var(--white), 4px 51px var(--white), 220px 619px var(--white), 1197px 1906px var(--white), 1301px 409px var(--white), 34px 73px var(--white), 1825px 599px var(--white), 898px 1376px var(--white), 1659px 245px var(--white), 1711px 33px var(--white), 346px 48px var(--white), 1772px 1843px var(--white), 911px 793px var(--white), 1618px 1432px var(--white), 604px 341px var(--white), 1015px 1487px var(--white), 917px 606px var(--white), 989px 604px var(--white), 387px 1338px var(--white), 1284px 1379px var(--white), 1894px 742px var(--white), 784px 849px var(--white), 1389px 1392px var(--white), 1674px 406px var(--white), 1645px 1515px var(--white), 1368px 115px var(--white), 634px 1874px var(--white), 804px 1126px var(--white), 1044px 726px var(--white), 1005px 1988px var(--white), 948px 353px var(--white), 1364px 721px var(--white), 1798px 1001px var(--white), 283px 1664px var(--white), 1251px 1973px var(--white), 1675px 1681px var(--white), 1240px 1651px var(--white), 116px 577px var(--white), 1966px 383px var(--white), 1510px 996px var(--white), 1706px 629px var(--white), 776px 1442px var(--white), 937px 1967px var(--white), 1822px 248px var(--white), 1289px 1239px var(--white), 426px 1895px var(--white), 1420px 388px var(--white), 118px 523px var(--white), 958px 1201px var(--white), 335px 1414px var(--white), 1392px 790px var(--white), 1459px 971px var(--white), 1888px 1000px var(--white), 1975px 1231px var(--white), 1991px 1474px var(--white), 988px 1775px var(--white), 1038px 712px var(--white), 686px 1679px var(--white), 1073px 606px var(--white), 1577px 1151px var(--white), 4px 1716px var(--white), 205px 962px var(--white), 969px 1957px var(--white), 195px 1100px var(--white), 1726px 23px var(--white), 1174px 1966px var(--white), 1150px 561px var(--white), 1112px 1204px var(--white), 1425px 1926px var(--white), 691px 1959px var(--white), 57px 243px var(--white), 1624px 1599px var(--white), 389px 928px var(--white), 330px 229px var(--white), 680px 748px var(--white), 721px 1796px var(--white), 242px 1679px var(--white), 588px 618px var(--white), 441px 282px var(--white), 347px 369px var(--white), 1703px 1223px var(--white), 747px 570px var(--white), 1385px 977px var(--white), 427px 729px var(--white), 1156px 257px var(--white), 1662px 321px var(--white), 1313px 306px var(--white), 514px 377px var(--white), 1199px 836px var(--white), 1493px 236px var(--white), 1608px 1654px var(--white), 1620px 306px var(--white), 188px 281px var(--white), 1962px 943px var(--white), 1489px 528px var(--white), 559px 376px var(--white), 1774px 1324px var(--white), 662px 1695px var(--white), 1722px 540px var(--white), 707px 1187px var(--white), 1957px 58px var(--white), 332px 607px var(--white), 738px 713px var(--white), 1431px 940px var(--white), 195px 1560px var(--white), 1034px 1966px var(--white), 185px 1446px var(--white), 1138px 1299px var(--white), 1936px 410px var(--white), 1903px 1005px var(--white), 979px 415px var(--white), 669px 3px var(--white), 1019px 563px var(--white), 1678px 947px var(--white), 873px 1677px var(--white), 1365px 581px var(--white), 1248px 189px var(--white), 871px 1892px var(--white), 1390px 724px var(--white), 1759px 272px var(--white), 550px 1460px var(--white), 504px 1796px var(--white), 938px 300px var(--white), 1731px 1813px var(--white), 613px 997px var(--white), 377px 1399px var(--white), 539px 1580px var(--white), 1087px 1340px var(--white), 1485px 1285px var(--white), 239px 1656px var(--white), 1345px 1907px var(--white), 1925px 754px var(--white), 118px 1195px var(--white), 721px 1416px var(--white), 1400px 158px var(--white), 730px 1245px var(--white), 305px 1398px var(--white), 923px 558px var(--white), 710px 413px var(--white), 1539px 38px var(--white), 542px 317px var(--white), 414px 455px var(--white), 347px 184px var(--white), 1765px 380px var(--white), 1009px 490px var(--white), 900px 1083px var(--white), 1709px 1627px var(--white), 879px 830px var(--white), 32px 1195px var(--white), 1228px 168px var(--white), 616px 1699px var(--white), 623px 1787px var(--white), 1465px 388px var(--white);
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1454px 1747px var(--white), 1772px 1262px var(--white), 839px 436px var(--white), 718px 105px var(--white), 671px 1044px var(--white), 1176px 1492px var(--white), 1331px 1736px var(--white), 1640px 780px var(--white), 1567px 1489px var(--white), 96px 759px var(--white), 476px 1134px var(--white), 30px 434px var(--white), 1312px 1596px var(--white), 440px 87px var(--white), 183px 130px var(--white), 191px 1990px var(--white), 503px 1795px var(--white), 565px 1478px var(--white), 181px 62px var(--white), 409px 1940px var(--white), 1596px 158px var(--white), 157px 132px var(--white), 973px 334px var(--white), 1004px 144px var(--white), 35px 1205px var(--white), 1037px 1770px var(--white), 84px 1992px var(--white), 1431px 1470px var(--white), 401px 1973px var(--white), 1238px 1324px var(--white), 887px 641px var(--white), 1349px 910px var(--white), 248px 1242px var(--white), 587px 1748px var(--white), 440px 1598px var(--white), 1862px 1178px var(--white), 1222px 630px var(--white), 1575px 1627px var(--white), 721px 1977px var(--white), 1788px 723px var(--white), 1513px 1025px var(--white), 413px 268px var(--white), 446px 599px var(--white), 41px 627px var(--white), 1723px 694px var(--white), 23px 1040px var(--white), 1889px 240px var(--white), 646px 324px var(--white), 1460px 1174px var(--white), 1363px 423px var(--white), 935px 1651px var(--white), 1321px 1629px var(--white), 1346px 1577px var(--white), 1293px 1613px var(--white), 608px 1980px var(--white), 1260px 200px var(--white), 1998px 1398px var(--white), 597px 54px var(--white), 820px 1534px var(--white), 1447px 1903px var(--white), 103px 303px var(--white), 125px 1472px var(--white), 1796px 792px var(--white), 1409px 330px var(--white), 275px 393px var(--white), 556px 434px var(--white), 1474px 635px var(--white), 220px 1878px var(--white), 1318px 23px var(--white), 186px 860px var(--white), 1906px 1288px var(--white), 1622px 1195px var(--white), 1033px 1751px var(--white), 1564px 1465px var(--white), 1853px 1932px var(--white), 163px 1517px var(--white), 969px 1430px var(--white), 783px 229px var(--white), 902px 600px var(--white), 630px 1715px var(--white), 222px 1440px var(--white), 1526px 457px var(--white), 289px 148px var(--white), 1981px 1854px var(--white), 1956px 1330px var(--white), 1046px 891px var(--white), 536px 1978px var(--white), 1894px 787px var(--white), 1299px 521px var(--white), 1676px 1861px var(--white), 193px 360px var(--white), 332px 284px var(--white), 52px 601px var(--white), 796px 883px var(--white), 813px 1932px var(--white), 1304px 361px var(--white), 261px 871px var(--white), 1845px 92px var(--white), 1539px 647px var(--white), 627px 841px var(--white);
    animation: animStar 150s linear infinite;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1454px 1747px var(--white), 1772px 1262px var(--white), 839px 436px var(--white), 718px 105px var(--white), 671px 1044px var(--white), 1176px 1492px var(--white), 1331px 1736px var(--white), 1640px 780px var(--white), 1567px 1489px var(--white), 96px 759px var(--white), 476px 1134px var(--white), 30px 434px var(--white), 1312px 1596px var(--white), 440px 87px var(--white), 183px 130px var(--white), 191px 1990px var(--white), 503px 1795px var(--white), 565px 1478px var(--white), 181px 62px var(--white), 409px 1940px var(--white), 1596px 158px var(--white), 157px 132px var(--white), 973px 334px var(--white), 1004px 144px var(--white), 35px 1205px var(--white), 1037px 1770px var(--white), 84px 1992px var(--white), 1431px 1470px var(--white), 401px 1973px var(--white), 1238px 1324px var(--white), 887px 641px var(--white), 1349px 910px var(--white), 248px 1242px var(--white), 587px 1748px var(--white), 440px 1598px var(--white), 1862px 1178px var(--white), 1222px 630px var(--white), 1575px 1627px var(--white), 721px 1977px var(--white), 1788px 723px var(--white), 1513px 1025px var(--white), 413px 268px var(--white), 446px 599px var(--white), 41px 627px var(--white), 1723px 694px var(--white), 23px 1040px var(--white), 1889px 240px var(--white), 646px 324px var(--white), 1460px 1174px var(--white), 1363px 423px var(--white), 935px 1651px var(--white), 1321px 1629px var(--white), 1346px 1577px var(--white), 1293px 1613px var(--white), 608px 1980px var(--white), 1260px 200px var(--white), 1998px 1398px var(--white), 597px 54px var(--white), 820px 1534px var(--white), 1447px 1903px var(--white), 103px 303px var(--white), 125px 1472px var(--white), 1796px 792px var(--white), 1409px 330px var(--white), 275px 393px var(--white), 556px 434px var(--white), 1474px 635px var(--white), 220px 1878px var(--white), 1318px 23px var(--white), 186px 860px var(--white), 1906px 1288px var(--white), 1622px 1195px var(--white), 1033px 1751px var(--white), 1564px 1465px var(--white), 1853px 1932px var(--white), 163px 1517px var(--white), 969px 1430px var(--white), 783px 229px var(--white), 902px 600px var(--white), 630px 1715px var(--white), 222px 1440px var(--white), 1526px 457px var(--white), 289px 148px var(--white), 1981px 1854px var(--white), 1956px 1330px var(--white), 1046px 891px var(--white), 536px 1978px var(--white), 1894px 787px var(--white), 1299px 521px var(--white), 1676px 1861px var(--white), 193px 360px var(--white), 332px 284px var(--white), 52px 601px var(--white), 796px 883px var(--white), 813px 1932px var(--white), 1304px 361px var(--white), 261px 871px var(--white), 1845px 92px var(--white), 1539px 647px var(--white), 627px 841px var(--white);
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-2000px);
    }
}

/*---------------------------------------------------------------------
                        About Us
-----------------------------------------------------------------------*/
.device-blog {
    position: relative;
    overflow: hidden;
}

.hand-tab {
    position: absolute;
    bottom: 0;
    right: 100px;
}

.hand {
    right: 0;
    position: absolute;
    bottom: -200px;
    -webkit-transition: all 0.8s ease-out 0s;
    -moz-transition: all 0.8s ease-out 0s;
    -ms-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
}

.device-blog:hover .hand {
    bottom: -130px;
}

.device-blog .calculator .cryptonatorwidget {
    width: 60%;
}

/*---------------------------------------------------------------------
                        About Us
-----------------------------------------------------------------------*/
.iq-about1 {
    position: relative;
}

.iq-about1 .iq-img {
    position: absolute;
    bottom: 0;
    left: 90px;
}

.iq-about1 .calculator .cryptonatorwidget {
    width: 300px;
}

.iq-about1 .calculator {
    border-radius: 5px;
}

.calculator .cal-convertor .ccc-widget.ccc-converter>div:first-child {
    border: none !important;
    padding: 0px !important;
    background: none !important;
}

.calculator .cal-convertor .poweredByWrapper {
    display: none;
}

/*---------------------------------------------------------------------
                          Features
---------------------------------------------------------------------*/

/***************************
 Features1
****************************/
.iq-features1 {
    position: relative;
    top: 0;
}

.iq-features1:hover {
    top: -8px;
    -webkit-box-shadow: -2px 14px 44px -16px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: -2px 14px 44px -16px rgba(0, 0, 0, 0.6);
    box-shadow: -2px 14px 44px -16px rgba(0, 0, 0, 0.6);
}

.iq-features1 .iq-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    background-size: cover;
    background-position: center center;
}

.iq-features1:hover .iq-bg {
    opacity: 1;
}

.iq-features1 .iq-blog {
    background: var(--iq-gray);
    padding: 40px 30px 40px 50px;
    position: relative;
}

.iq-features1:hover .iq-blog {
    background: none;
}

.iq-features1 .iq-blog .icon i {
    font-size: 50px;
    color: var(--iq-dark);
}

.iq-features1 .iq-blog .step {
    background: var(--iq-primary);
    color: var(--white);
    font-size: 24px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    left: -20px;
    top: 40px;
}

.iq-features1:hover .iq-blog a:hover {
    color: var(--iq-primary);
}

.iq-features1 .iq-blog a i {
    margin-left: 6px;
}

.iq-features1 .iq-bg:before {
    background: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.iq-features1:hover h5 a {
    color: var(--iq-primary);
}

.iq-features1:hover .iq-blog .icon i,
.iq-features1:hover .iq-blog p,
.iq-features1:hover .iq-blog a {
    color: var(--white);
}

.iq-features1,
.iq-features1 .iq-bg,
.iq-features1 .iq-blog,
.iq-features1 .iq-blog h5,
.iq-features1 .iq-blog p,
.iq-features1 .iq-blog .icon i {
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all .6s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

/***************************
 Features2
****************************/
.particles {
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    z-index: -1;
}

.particles img {
    -webkit-animation: rotation 200s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

.iq-feature2 {
    background: rgba (255, 255, 255, 0);
    display: inline-block;
}

.iq-feature2 .iq-icon img {
    width: 60px;
}

.iq-feature2 p {
    margin-top: 6px;
}

.iq-feature2.first-l {
    margin-right: -30px !important;
}

.iq-feature2.second-l {
    margin-right: 30px !important;
}

.iq-feature2.first-r {
    margin-left: -30px !important;
}

.iq-feature2.second-r {
    margin-left: 30px !important;
}

/***************************
 Features3
****************************/
.iq-feature3 {
    position: relative;
    z-index: 2;
}

.iq-feature3:after {
    content: '';
    width: 2px;
    height: 70px;
    top: 60px;
    left: 24px;
    background: var(--iq-primary);
    position: absolute;
}

.iq-feature3:last-child:after {
    display: none;
}

.iq-feature3 .iq-icon {
    float: left;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin-right: 24px;
    color: var(--white);
    font-size: 22px;
    font-weight: 500;
}

.iq-feature3 .iq-icon i {
    font-size: 36px;
    color: var(--white);
}

.iq-feature3 .iq-icon span {
    font-size: 30px;
}

.iq-feature3 .fancy-content {
    display: table-cell;
}

.iq-feature3 .fancy-content p {
    padding: 0;
    margin: 0;
}

.iq-feature3.iq-bg .step {
    position: absolute;
    right: 0;
    top: 25px;
    font-size: 80px;
    color: var(--iq-gray);
    z-index: -1;
    font-weight: 600;
}

.iq-feature3.iq-bg {
    padding: 20px 15px;
    position: relative;
}

.iq-feature3.iq-bg:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    background: var(--iq-gray);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    z-index: -1;
    border-radius: 5px;
}

.iq-feature3:hover.iq-bg:before {
    width: 100%;
    height: 100%;
}

.iq-feature-3 {
    padding: 50px 40px;
    position: relative;
    z-index: 0;
}

.iq-feature-3 .step {
    position: absolute;
    right: 40px;
    font-size: 80px;
    color: var(--iq-primary);
    z-index: -1;
    font-weight: 600;
}

/***************************
 Features4
****************************/
.iq-feature4 .Work-icon {
    padding: 10px;
    display: inline-block;
    position: relative;
}

.iq-feature4 .Work-icon i {
    border-radius: 100px;
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 90px;
    font-size: 45px;
    text-align: center;
    color: var(--iq-primary);
    background: var(--white);
}

.iq-feature4 .Work-icon:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border: 2px dashed rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    border-radius: 90px;
    -webkit-animation: rotation 50s infinite linear;
}

.iq-feature4 .Work-icon .step {
    background: var(--iq-primary);
    color: var(--white);
    font-size: 20px;
    line-height: 36px;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 0;
}

.iq-feature4 .stap-up:before {
    position: absolute;
    left: 90%;
    bottom: 65%;
    background: url(../images/arrow/dashed-arrow1.png) no-repeat 0 0;
    content: "";
    width: 174px;
    height: 29px;
    -moz-animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    animation: bounce 4s infinite;
}

.iq-feature4 .stap-dowen:before {
    position: absolute;
    left: 90%;
    bottom: 65%;
    background: url(../images/arrow/dashed-arrow1.png) no-repeat 0 0;
    content: "";
    width: 174px;
    height: 29px;
    -moz-animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    animation: bounce 4s infinite;
}

.iq-feature4 p {
    margin-bottom: 0;
}

.iq-feature4 .stap-up {
    position: relative;
}

.iq-feature4 .stap-dowen {
    position: relative;
}

/*--------------
  Arrow keyframes
----------------*/
@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(-30px);
    }

    60% {
        transform: translateX(-15px);
    }
}

/***************************
 Features5
****************************/
.iq-feature5 {
    position: relative;
    background: var(--white);
    padding: 35px 25px;
    text-align: center;
    float: left;
    margin-bottom: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.iq-feature5:hover {
    z-index: 9;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.iq-feature5 i {
    font-size: 40px;
}

/***************************
 Features6
****************************/
.iq-feature6 {
    position: relative;
}

.iq-feature6 .iq-icon {
    position: relative;
    float: left;
    border-radius: 90px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    margin-right: 24px;
    top: 0;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.iq-feature6:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 70px;
    background: var(--iq-primary);
    left: 35px;
    margin-left: -1px;
}

.iq-feature6:hover .iq-icon {
    top: 35px;
}

.iq-feature6 .iq-icon i {
    font-size: 32px;
    color: var(--white);
    line-height: 70px;
}

.iq-feature6 .iq-icon span {
    font-size: 30px;
}

.iq-feature6 .fancy-content {
    display: table-cell;
}

/***************************
 Features7
****************************/
.iq-feature7 .iq-icon {
    float: left;
    border-radius: 90px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    margin-right: 15px;
}

.iq-feature7 .iq-icon i {
    font-size: 36px;
    color: var(--iq-primary);
}

.iq-feature7 .iq-icon span {
    font-size: 30px;
}

.iq-feature7 .fancy-content {
    display: table-cell;
}

/***************************
     Feature 8
****************************/
.iq-feature7 .feature-content {
    position: relative;
    padding: 40px;
}

.iq-feature7 .feature-content .tag {
    background: var(--iq-primary);
    position: absolute;
    top: -47px;
    left: 30px;
    color: var(--white);
    padding: 5px 15px;
}

/***************************
     Feature 9
****************************/
.iq-feature9 {
    position: relative;
    padding: 20px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.iq-feature9:before {
    position: absolute;
    content: "";
    left: -100%;
    bottom: 0;
    height: 3px;
    width: 100%;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    background: var(--iq-primary);
}

.iq-feature9 i {
    font-size: 50px;
}

.iq-feature9 .info-03 {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

/* fancy box Hover */
.iq-feature9:hover {
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.15);
}

.iq-feature9:hover:before {
    left: 0;
}

/*---------------------------------------------------------------------
                          Counter
-----------------------------------------------------------------------*/
.counter-blog {
    padding-left: 60px;
}

.counter {
    position: relative;
}

.counter .right {
    float: left;
}

.counter i {
    font-size: 50px;
    display: inline-block;
    float: left;
    width: 50px;
    margin-right: 10px;
}

.counter span {
    display: block;
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 600;
}

.counter label {
    color: var(--white);
    font-weight: 500;
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 2px;
}

/*************************************
           Counter 1
**************************************/
.counter-2 {
    text-align: center;
}

.counter-2 .counter-icon {
    margin-bottom: 15px;
    font-size: 72px;
}

.counter-2 .info-counter {
    display: inline-block;
    width: 100%;
}

.counter-2 .info-counter span {
    display: block;
    font-size: 40px;
    font-weight: 600;
}

.counter-2 .info-counter label {
    color: var(--white);
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}

/*---------------------------------------------------------------------
                         Teams
-----------------------------------------------------------------------*/

/*************************************
         Teams 1
**************************************/
.iq-team1 .team-blog {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.iq-team1 .team-blog .team-images {
    position: relative;
    display: inline-block;
}

.iq-team1 .team-blog .team-images:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
}

.iq-team1 .team-blog .team-description {
    position: absolute;
    width: 100%;
    bottom: 0%;
    left: 0;
    color: var(--white);
    margin-top: -20px;
    padding: 0;
    opacity: 0;
    font-size: 16px;
}

.iq-team1 .team-blog .team-description a:hover {
    color: var(--iq-title-text);
}

.iq-team1 .team-blog:hover .team-images:before {
    opacity: 0.8;
}

.iq-team1 .team-blog .team-social {
    position: absolute;
    left: 0;
    bottom: 0%;
    width: 100%;
    opacity: 0;
}

.iq-team1 .team-blog .team-social ul {
    width: 100%;
    display: inline-block;
    padding: 0px 10px;
}

.iq-team1 .team-blog .team-social ul li {
    display: inline-block;
}

.iq-team1 .team-blog .team-social ul li a {
    color: var(--white);
    padding: 10px;
}

.iq-team1 .team-blog .team-social ul li a:hover {
    color: var(--iq-primary);
}

.iq-team1 .team-blog .team-social ul li a i {
    font-size: 20px;
    display: inline-block;
    float: none;
    text-align: center;
    background: transparent;
}

.iq-team1,
.iq-team1 .team-blog:before,
.iq-team1 .team-blog:hover:before,
.iq-team1 .team-blog:hover .team-description,
.iq-team1 .team-blog:hover .team-social,
.iq-team1 .team-blog .team-social {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.iq-team1 .team-blog:hover .team-description {
    bottom: 20%;
    opacity: 1;
}

.iq-team1 .team-blog:hover .team-social {
    bottom: 8%;
    opacity: 1;
}

.iq-team1 p {
    margin-bottom: 0;
}

/*************************************
         Teams 2
**************************************/
.iq-team2 .team-blog {
    border: 1px solid var(--iq-light-border);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.iq-team2 .team-blog img {
    display: inline;
    width: 80px;
    border-radius: 100px;
}

.iq-team2 .team-blog:hover {
    border: 1px solid var(--iq-primary);
}

.iq-team2 .iq-media-blog {
    margin: 0;
    padding: 0;
}

.iq-team2 .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0px 4px;
}

.iq-team2 .iq-media-blog li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: var(--iq-dark);
    background: var(--iq-gray);
    text-align: center;
    border-radius: 50%;
}

.iq-team2 .iq-media-blog li a:hover {
    background: var(--iq-primary);
    color: var(--white);
}


/*---------------------------------------------------------------------
                         Coinex Charts
-----------------------------------------------------------------------*/
.coinex-charts .btcwdgt-chart {
    box-shadow: none !important;
    max-width: 100% !important;
}

/*---------------------------------------------------------------------
                    Play Button
-----------------------------------------------------------------------*/
.play-btn {
    width: 120px;
    height: 120px;
    background: radial-gradient(var(--white) 50%, rgba(255, 255, 255, 0.15) 52%);
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

/* triangle */
.play-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid var(--iq-dark);
    z-index: 100;
    -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate1 2s;
    animation: pulsate1 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

/* scale the triangle */
.play-btn:hover::after {
    border-left: 15px solid var(--white);
    -webkit-transform: scale(20);
    transform: scale(20);
}

/* inherit triangle styles */
.play-btn:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid var(--iq-primary);
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}

@-webkit-keyframes pulsate1 {
    0% {
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0
    }
}

@keyframes pulsate1 {
    0% {
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0
    }
}

@-webkit-keyframes pulsate2 {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0
    }
}

/* Play video */
.play-video .video.play a {
    color: var(--white);
    font-size: 60px;
    line-height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.play-video .video-img {
    position: relative;
}

.play-video .video.play a:hover {
    color: var(--iq-primary);
}

.popup-gallery {
    position: relative;
}

/*---------------------------------------------------------------------
                          Blog
-----------------------------------------------------------------------*/
.iq-news-box .iq-news-image {
    position: relative;
}

.iq-news-box .iq-news-image .news-date {
    position: absolute;
    bottom: -15px;
    right: 30px;
    padding: 2px 8px;
    background: var(--iq-primary);
    color: var(--white);
}

.iq-news-box .iq-news-detail .news-tag {
    margin-bottom: 3px;
}

.iq-news-box .news-title a h5 {
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.iq-news-box .news-title a:hover h5 {
    color: var(--iq-primary);
}

/*---------------------------------------------------------------------
                          Need Help
-----------------------------------------------------------------------*/
.iq-need-help ul li {
    font-size: 20px;
}

.iq-need-help ul li:first-child {
    border-right: 2px solid var(--white);
    padding-right: 25px;
    margin-right: 20px;
}

/*---------------------------------------------------------------------
                        Testimonial
-----------------------------------------------------------------------*/

/*************************
 Testimonial 1
*************************/
.iq-testimonial .owl-carousel.owl-theme .owl-dots {
    margin-top: 20px;
}

.iq-testimonial .owl-carousel.owl-theme .owl-dots .owl-dot span {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 6px;
    border-radius: 50%;
    display: inline-block;
    border: 4px solid var(--iq-gray);
    float: left;
    background: url("../images/feedback/01.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
    transition: all 0.3s ease-in-out 0s;
}

.iq-testimonial .owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(2) span {
    background: url("../images/feedback/02.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
}

.iq-testimonial .owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(3) span {
    background: url("../images/feedback/03.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
}

.iq-testimonial .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
    border: 4px solid var(--iq-primary);
}

.iq-testimonial .owl-carousel .owl-item {
    padding: 30px;
    border-radius: 4px;
}

.iq-testimonial .testimonial .description {
    font-style: italic;
    font-size: 18px;
    line-height: 40px;
}

/*************************
 Testimonial 2
*************************/
.iq-testimonial2 .owl-prev,
.iq-testimonial2 .owl-next {
    float: left;
}

.iq-testimonial2 .owl-prev i,
.iq-testimonial2 .owl-next i {
    color: #ddd;
    font-size: 32px;
    margin-right: 10px;
}

.iq-testimonial2 .owl-prev i:before {
    content: "\f177";
    font-family: 'FontAwesome';
}

.iq-testimonial2 .owl-next i:before {
    content: "\f178";
    font-family: 'FontAwesome';
}

.iq-testimonial2 .owl-prev i,
.iq-testimonial2 .owl-next i {
    color: #ddd;
    font-size: 32px;
    margin-right: 10px;
}

.iq-testimonial2 .owl-prev:hover i,
.iq-testimonial2 .owl-next:hover i {
    color: var(--iq-primary);
}

.iq-testimonial2 .feedback .iq-avtar {
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    float: left;
    flex: none;
}

.iq-testimonial2 .feedback .iq-avtar img {
    border-radius: 100%;
    width: 150px;
}

.iq-testimonial2 .feedback .iq-info {
    position: relative;
}

.iq-testimonial2 .feedback .iq-info.light {
    background: rgba(255, 255, 255, 0.2) !important;
    border: none;
}

.iq-testimonial2 .feedback .iq-info.light:before {
    border-top: 15px solid rgba(255, 255, 255, 0.2) !important;
}

.iq-testimonial2 .feedback .title {
    font-size: 18px;
}

.iq-testimonial2 .feedback p {
    margin-bottom: 0px;
    font-style: italic;
    font-size: 18px;
    line-height: 32px;
    color: var(--iq-body-text);
}

.iq-testimonial2 .iq-star i {
    margin-right: 4px;
}

.iq-testimonial2 .owl-controls {
    position: relative;
    width: 100%;
    position: relative;
    top: 30px;
}

.iq-testimonial2 .feedback ul li {
    float: left;
    color: var(--iq-primary);
    font-size: 18px;
}

.iq-testimonial2 .feedback.feed-brd {
    border: 1px solid #2e3454;
    border-radius: 3px;
}

/*---------------------------------------------------------------------
                        Pricing
-----------------------------------------------------------------------*/
.iq-pricing {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 50px 15px;
    text-align: center;
    margin-top: 30px;
    color: var(--iq-title-text);
    perspective: 700px;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.iq-pricing:hover {
    color: var(--white);
}

.iq-pricing:after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--iq-primary);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transform: rotateY(70deg);
    transition: all 0.3s ease-in-out 0s;
}

.iq-pricing:hover:after {
    opacity: 1;
    transform: rotateY(0deg);
}

.iq-pricing .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: var(--white);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    font-size: 36px;
    color: var(--iq-primary);
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
}

.iq-pricing .pricing-header {
    margin-bottom: 30px;
}

.iq-pricing .title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.iq-pricing .price-value {
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    transition: all 0.3s ease-in-out 0s;
}

.iq-pricing:hover .price-value {
    border-bottom-color: var(--white);
}

.iq-pricing .pricing-content {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.iq-pricing .pricing-content li {
    line-height: 40px;
}

.iq-pricing .pricing-signup {
    display: inline-block;
    padding: 9px 23px;
    background: var(--iq-primary);
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    text-transform: uppercase;
    position: relative;
    transition: all 0.25s ease-in-out 0s;
}

.iq-pricing:hover .pricing-signup {
    background: var(--white);
    color: var(--iq-primary);
}

.iq-pricing .pricing-signup:before,
.iq-pricing .pricing-signup:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    transition: all 0.25s ease-in-out 0s;
}

.iq-pricing .pricing-signup:before {
    left: -12px;
    border-right: 12px solid var(--iq-primary);
}

.iq-pricing .pricing-signup:after {
    right: -12px;
    border-left: 12px solid var(--iq-primary);
}

.iq-pricing:hover .pricing-signup:before {
    border-right-color: var(--white);
}

.iq-pricing:hover .pricing-signup:after {
    border-left-color: var(--white);
}

.iq-pricing:hover .button {
    background: var(--iq-dark);
}

.iq-pricing:hover .button:hover {
    background: var(--white);
    color: var(--iq-dark);
}

.iq-pricing .pricing-content li i {
    font-size: 12px;
}

@media only screen and (max-width:990px) {
    .iq-pricing {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:767px) {
    .iq-pricing {
        margin-bottom: 50px;
    }
}

/*Pricing Small*/
.pricing-small {
    text-align: center;
    padding: 30px 10px;
}

/* .pricing-small span { display: inline-block; width: 100%; } */
.pricing-small h3 {
    position: relative;
    margin-bottom: 10px;
}

.pricing-small h3:before {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    background: var(--iq-primary);
    height: 2px;
}

/*Pricing  2*/
.iq-pricing-2 {
    padding: 30px 20px;
    text-align: center;
    z-index: 1;
    position: relative;
    border-radius: 10px;
    border: 1px solid var(--iq-light-border);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.iq-pricing-2:hover {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--iq-primary);
}

.iq-pricing-2 .title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.iq-pricing-2 .price-value {
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
}

.iq-pricing-2 .pricing-content {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}


/*---------------------------------------------------------------------
                 Breadcrumb Inner Page
-----------------------------------------------------------------------*/
.iq-breadcrumb {
    padding: 150px 0 0;
}

.iq-breadcrumb h3 {
    margin-bottom: 6px;
}

.iq-breadcrumb .breadcrumb {
    z-index: 99;
    background: none;
    position: relative;
    color: var(--iq-dark);
    text-align: center;
    margin-bottom: 0;
    border-radius: 0;
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
}

.iq-breadcrumb nav {
    background: rgba(255, 255, 255, 0.2);
    margin-top: 100px;
    position: relative;
}

.iq-breadcrumb .breadcrumb li {
    display: inline-block;
}

.iq-breadcrumb .breadcrumb li,
.iq-breadcrumb .breadcrumb li a:hover {
    color: var(--iq-primary);
}

.iq-breadcrumb .breadcrumb li a,
.iq-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: var(--white);
    margin-bottom: 0;
}

/*Breadcrumb Left*/
.iq-breadcrumb.text-left .heading-title {
    text-align: left;
}

.iq-breadcrumb.text-left .heading-title .title:before {
    left: 0;
    margin-left: 0;
}

.iq-breadcrumb.text-left .breadcrumb {
    text-align: left;
}

/*Breadcrumb Right*/
.iq-breadcrumb.text-end .heading-title {
    text-align: right;
}

.iq-breadcrumb.text-end .heading-title .title:before {
    right: 0;
    left: inherit;
    margin-left: 0;
}

.iq-breadcrumb.text-end .breadcrumb {
    text-align: right;
}

/*---------------------------------------------------------------------
                       Clients
-----------------------------------------------------------------------*/
.iq-clients .iq-clients-blog {
    border: 1px solid var(--iq-light-border);
    border-radius: 3px;
}

.iq-clients .iq-clients-blog .client-img {
    width: 200px;
    margin-right: 10px;
}

.iq-clients .iq-clients-blog ul {
    background: var(--iq-gray);
    padding: 10px 0;
}

.iq-clients .iq-clients-blog ul li {
    margin: 0 20px;
}

.iq-clients .iq-clients-blog ul li a {
    color: var(--iq-dark);
}

.iq-clients .iq-clients-blog ul li a:hover {
    color: var(--iq-primary);
}

/*---------------------------------------------------------------------
                          Coming Soon
-----------------------------------------------------------------------*/
.iq-coming {
    padding: 5% 0;
}

.iq-coming h2 {
    font-size: 80px;
    font-weight: 600;
    line-height: 80px;
}

.iq-coming h5 {
    font-size: 24px;
    line-height: 24px;
}

.iq-coming .countdown {
    list-style: none;
    margin: 40px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.iq-coming .countdown li {
    display: inline-block;
}

.iq-coming .countdown li span {
    font-size: 50px;
    line-height: 80px;
    font-weight: 600;
}

.iq-coming .countdown li.seperator {
    font-size: 50px;
    line-height: 40px;
    vertical-align: top;
    margin-top: 15px;
}

.iq-coming .countdown li p {
    font-size: 20px;
}

.iq-coming input {
    width: 100%;
    border: none;
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.2) !important;
    height: 44px;
    border-radius: 3px 0 0 3px;
    min-width: 300px;
}

.iq-coming .iq-subscribe {
    text-align: center;
    display: inline-block;
}

.iq-coming input {
    color: var(--white) !important;
}

.iq-coming input::-webkit-input-placeholder {
    color: var(--white) !important;
}

.iq-coming input::-moz-placeholder {
    color: var(--white) !important;
}

.iq-coming input:-moz-placeholder {
    color: var(--white) !important;
}

.iq-coming input:-ms-input-placeholder {
    color: var(--white) !important;
}

.iq-coming input:focus {
    outline: none;
}

.iq-coming .button {
    border-radius: 0 3px 3px 0;
}

/*---------------------------------------------------------------------
                          Coming Soon-2
-----------------------------------------------------------------------*/
.iq-coming-2 h2 {
    font-size: 80px;
    font-weight: 600;
    line-height: 80px;
}

.iq-coming-2 h5 {
    font-size: 24px;
    line-height: 24px;
}

.iq-coming-2 .countdown {
    list-style: none;
    margin: 40px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.iq-coming-2 .countdown li {
    display: inline-block;
}

.iq-coming-2 .countdown li span {
    font-size: 50px;
    line-height: 80px;
    font-weight: 600;
}

.iq-coming-2 .countdown li.seperator {
    font-size: 50px;
    line-height: 40px;
    vertical-align: top;
    margin-top: 15px;
}

.iq-coming-2 .countdown li p {
    font-size: 20px;
}

.iq-coming-2 input {
    width: 100%;
    border: none;
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.2) !important;
    height: 44px;
    border-radius: 3px 0 0 3px;
    min-width: 300px;
}

.iq-coming-2 .iq-subscribe {
    text-align: center;
    display: inline-block;
}

.iq-coming-2 input {
    color: var(--iq-secondary) !important;
}

.iq-coming-2 input::-webkit-input-placeholder {
    color: var(--iq-secondary) !important;
}

.iq-coming-2 input::-moz-placeholder {
    color: var(--iq-secondary) !important;
}

.iq-coming-2 input:-moz-placeholder {
    color: var(--iq-secondary) !important;
}

.iq-coming-2 input:-ms-input-placeholder {
    color: var(--iq-secondary) !important;
}

.iq-coming-2 input:focus {
    outline: none;
}

.iq-coming-2 .button {
    border-radius: 0 3px 3px 0;
}

/*---------------------------------------------------------------------
                         Faqs
-----------------------------------------------------------------------*/
.iq-faqs .card {
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.iq-faqs .card-header {
    transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    padding: 0;
    background-color: inherit;
    border-bottom: none;
}

.iq-faqs .card-body {
    padding: 15px;
}

.iq-faqs .card-header a,
.iq-faqs .card-header a:hover {
    position: relative;
    padding: 15px 30px 15px 15px;
    display: inline-block;
    color: var(--white);
    background-color: var(--iq-primary);
    width: 100%;
}

.iq-faqs .card-header .collapsed {
    position: relative;
    color: var(--iq-dark);
    background-color: var(--iq-gray);
}

.iq-faqs .card-header a:after {
    font-family: 'ionicons';
    content: "\f462";
    float: right;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.iq-faqs .card-header a.collapsed:after {
    content: "\f489";
}

.faqs-link {
    padding: 0;
    margin: 0;
}

.faqs-link li a {
    background: var(--iq-light-border);
    padding: 10px 10px 10px 15px;
    width: 100%;
    display: inline-block;
    margin-bottom: 6px;
}

.faqs-link li a:hover {
    background: var(--iq-primary);
    color: var(--white);
}

/*---------------------------------------------------------------------
                         Help
-----------------------------------------------------------------------*/
.iq-help {
    margin-top: 100px;
}

.iq-help .form-control {
    border-radius: 0;
    height: 45px;
}

.iq-help .form-control:focus {
    box-shadow: none;
}

.iq-help h3 {
    font-size: 42px;
    line-height: 54px;
}

.iq-help select.form-control {
    height: 45px !important;
}

/*---------------------------------------------------------------------
                         Event
-----------------------------------------------------------------------*/
.iq-event .nav-tabs {
    border-bottom: none;
    overflow: hidden;
}

.iq-event .nav-tabs .nav-link:after {
    position: absolute;
    content: "";
    background: var(--iq-bg-light-color);
    top: 50%;
    right: 100%;
    width: 100%;
    height: 1px;
    z-index: -1;
}

.iq-event .nav-tabs .nav-link {
    position: relative;
    color: var(--iq-dark);
    background-color: var(--iq-gray);
    border: 1px solid var(--iq-bg-light-color);
    border-radius: 3px;
    margin-right: 30px;
}

.iq-event .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--white);
    background-color: var(--iq-primary);
    border: 1px solid var(--iq-primary);
}

.iq-event .tab-content ul li {
    margin: 5px 0;
}

.iq-event .tab-content ul li a {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.iq-event .tab-content ul li i {
    color: var(--iq-primary);
    font-size: 20px;
    width: 25px;
}

/*---------------------------------------------------------------------
                          404 Error
-----------------------------------------------------------------------*/
.iq-error h2 {
    font-size: 180px;
    font-weight: 600;
    line-height: 180px;
}

.iq-error h4 {
    background: var(--iq-light-border);
    font-size: 24px;
    padding: 6px 30px;
    display: inline-block;
}

.iq-error input {
    width: 100%;
    box-shadow: none !important;
    height: 45px;
    border-radius: 0;
    min-width: 300px;
}

.iq-error .iq-subscribe {
    text-align: center;
    display: inline-block;
}

/*---------------------------------------------------------------------
                          Timeline
-----------------------------------------------------------------------*/
.iq-timeline {
    overflow: hidden;
    position: relative;
}

.iq-timeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: var(--iq-light-border);
    position: absolute;
    top: 0;
    left: 50%;
}

.iq-timeline .timeline {
    padding-right: 30px;
    position: relative;
}

.iq-timeline .timeline:before,
.iq-timeline .timeline:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.iq-timeline .timeline:first-child:before,
.iq-timeline .timeline:last-child:before {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid var(--iq-gray);
    background: var(--white);
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: -3px;
}

.iq-timeline .timeline:last-child:before {
    top: auto;
    bottom: 0;
}

.iq-timeline .timeline-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--white);
    border: 2px solid var(--iq-gray);
    box-sizing: content-box;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -4px;
}

.iq-timeline .timeline-icon:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--iq-primary);
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.iq-timeline .year {
    display: inline-block;
    padding: 8px 20px;
    margin: 0;
    font-size: 14px;
    color: var(--white);
    background: var(--iq-primary);
    text-align: center;
    position: absolute;
    top: 50%;
    right: 35%;
    transform: translateY(-50%);
}

.iq-timeline .year:before {
    content: "";
    border-right: 18px solid var(--iq-primary);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0;
    left: -18px;
}

.iq-timeline .timeline-content {
    border-radius: 3px;
    width: 46.5%;
    padding: 30px;
    margin: 0 20px 0 0;
    background: var(--iq-gray);
    position: relative;
}

.iq-timeline .timeline-content:after {
    content: "";
    border-left: 20px solid var(--iq-gray);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
}

.iq-timeline .timeline:nth-child(2n) {
    padding: 0 0 0 30px;
}

.iq-timeline .timeline:nth-child(2n) .year {
    right: auto;
    left: 35%;
}

.iq-timeline .timeline:nth-child(2n) .year:before {
    border: 20px solid transparent;
    border-right: none;
    border-left: 18px solid var(--iq-primary);
    left: auto;
    right: -18px;
}

.iq-timeline .timeline:nth-child(2n) .timeline-content {
    float: right;
    margin: 0 0 0 20px;
}

.iq-timeline .timeline:nth-child(2n) .timeline-content:after {
    border-left: none;
    border-right: 20px solid var(--iq-gray);
    right: auto;
    left: -20px;
}

@media only screen and (max-width:1200px) {
    .iq-timeline .year {
        right: 30%;
    }

    .iq-timeline .timeline:nth-child(2n) .year {
        left: 30%;
    }
}

@media only screen and (max-width:990px) {
    .iq-timeline .year {
        right: 25%;
    }

    .iq-timeline .timeline:nth-child(2n) .year {
        left: 25%;
    }
}

@media only screen and (max-width:767px) {
    .iq-timeline:before {
        left: 10px;
    }

    .iq-timeline .timeline {
        padding: 0 0 0 30px;
        margin-bottom: 20px;
    }

    .iq-timeline .timeline:last-child {
        margin-bottom: 0;
    }

    .iq-timeline .timeline:first-child:before,
    .iq-timeline .timeline:last-child:before {
        display: none;
    }

    .iq-timeline .timeline-icon {
        margin: 0;
        position: absolute;
        top: 7px;
        left: 0;
    }

    .iq-timeline .year,
    .iq-timeline .timeline:nth-child(2n) .year {
        display: block;
        font-weight: bold;
        margin: 0 0 32px 30px;
        z-index: 1;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
    }

    .iq-timeline .timeline:nth-child(2n) .year:before {
        border-left: none;
        border-right: 18px solid var(--iq-primary);
        right: auto;
        left: -18px;
    }

    .iq-timeline .timeline-content {
        padding: 20px;
    }

    .iq-timeline .timeline-content,
    .iq-timeline .timeline:nth-child(2n) .timeline-content {
        width: auto;
        float: none;
        margin: 0 0 0 30px;
    }

    .iq-timeline .timeline-content:after,
    .iq-timeline .timeline:nth-child(2n) .timeline-content:after {
        border: none;
        border-bottom: 20px solid var(--iq-gray);
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        top: -20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
}

@media only screen and (max-width:480px) {

    .iq-timeline .year,
    .iq-timeline .timeline:nth-child(2n) .year {
        margin-left: 20px;
    }

    .iq-timeline .timeline-content,
    .iq-timeline .timeline:nth-child(2n) .timeline-content {
        margin-left: 10px;
    }
}

/*---------------------------------------------------------------------
                          Footer
-----------------------------------------------------------------------*/
.iq-footer .logo img {
    width: 200px;
}

.iq-footer .small-title {
    margin-bottom: 20px;
}

.iq-footer hr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/*Menu*/
.iq-footer .footer-menu li {
    margin: 0;
}

.iq-footer .footer-menu li a {
    font-weight: 500;
    background: rgba(255, 255, 255, 0);
    padding: 8px 0;
    display: block;
    color: var(--white);
}

.iq-footer .footer-menu li a:hover {
    background: rgba(255, 255, 255, 0.2);
    color: var(--iq-primary);
    padding: 8px 15px;
}

/*Copyright*/
.iq-footer .iq-copyright a {
    color: var(--iq-primary);
}

.iq-footer .iq-copyright a:hover {
    color: var(--white);
}

.iq-footer .footer-bottom {
    background: var(--iq-black);
}

/*Social Media*/
.iq-footer .iq-media-blog {
    margin: 0;
    padding: 0;
    text-align: right;
}

.iq-footer .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0px 4px;
}

.iq-footer .iq-media-blog li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: var(--white);
    background: transparent;
    border: 1px solid var(--iq-secondary);
    text-align: center;
    border-radius: 50%;
}

.iq-footer .iq-media-blog li a:hover {
    background: var(--iq-primary);
    border-color: var(--iq-primary);
    color: var(--white);
}

/*Contact*/
.iq-footer .iq-contact .blog {
    color: var(--white);
}

.iq-footer .iq-contact .blog .title {
    font-size: 20px;
}

.iq-footer .iq-contact .blog span {
    font-size: 20px;
}

.iq-footer .iq-contact .blog i {
    color: var(--iq-primary);
    font-size: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-right: 15px;
    display: table;
    float: left;
}

.iq-footer .iq-contact .blog .content {
    display: table-cell;
}

.iq-footer .call-back {
    background: rgba(255, 255, 255, 0.2);
    padding: 30px;
}

.iq-footer .call-back .form-control {
    border: none;
    border-radius: 0;
    height: 45px !important;
}

/*---------------------------------------------------------------------
                          Footer 2
-----------------------------------------------------------------------*/
.iq-footer-2 {
    background: var(--iq-footer-bg);
}

.iq-footer-2 .iq-bg-fixed {
    background-color: rgba(0, 0, 0, 0);
}

.iq-footer-2 .footer-bottom {
    background: var(--iq-copyright-bg);
}

.iq-footer-2 .logo img {
    width: 200px;
}

.iq-footer-2 .small-title {
    margin-bottom: 30px;
}

.iq-footer-2 hr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.iq-footer-2 .iq-contact .blog {
    display: inline-block;
}

.iq-footer-2.gray-footer {
    background: var(--iq-loader-bg);
}

/*Contact*/
.iq-footer-2 .iq-contact .blog {
    color: var(--white);
}

.iq-footer-2 .iq-contact .blog .title {
    font-size: 20px;
}

.iq-footer-2 .iq-contact .blog span {
    font-size: 20px;
}

.iq-footer-2 .iq-contact .blog i {
    color: var(--iq-primary);
    font-size: 35px;
    line-height: 35px;
    vertical-align: middle;
    margin-right: 15px;
    display: table;
    float: left;
}

.iq-footer-2 .iq-contact .blog .content {
    display: table-cell;
}

/*Menu*/
.iq-footer-2 .footer-menu li {
    margin: 0;
}

.iq-footer-2 .footer-menu li a {
    font-weight: 500;
    background: rgba(255, 255, 255, 0);
    padding: 8px 0;
    display: block;
    color: var(--white);
}

.iq-footer-2 .footer-menu-list li a {
    font-weight: 500;
    padding: 8px 0;
    display: block;
    color: var(--white);
}

.iq-footer-2 .footer-menu li a:hover {
    background: rgba(255, 255, 255, 0.2);
    color: var(--iq-primary);
    padding: 8px 15px;
}

.iq-footer-2 .footer-menu-list li a:hover {
    color: var(--iq-primary)
}

/*Popular Posts*/
.iq-footer-2 .iq-post li {
    width: 100%;
    float: left;
    margin-top: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.iq-footer-2 .post-blog {
    display: table-cell;
}

.iq-footer-2 .post-blog a {
    vertical-align: top;
    font-size: 16px;
    color: var(--white);
}

.iq-footer-2 .post-blog a:hover {
    color: var(--iq-primary);
}

.iq-footer-2 .post-blog .iq-date {
    font-size: 13px;
    display: table;
}

.iq-footer-2 .post-blog i {
    font-size: 14px;
}

.iq-footer-2 .iq-post li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.iq-footer-2 .post-img {
    display: table;
    float: left;
    margin-right: 15px;
}

.iq-footer-2 .post-img img {
    vertical-align: top;
    height: 65px;
    width: 65px;
    border-radius: 2px;
}

.iq-footer-2 ul {
    margin-right: 0px;
}

/*Newsletter*/
.iq-footer-2 .input-group-addon {
    padding: 0px;
}

footer .newsletter-form .input-group .form-control {
    border: none;
}

footer .newsletter-form .input-group-addon {
    border: none;
}

footer .newsletter-form .button {
    padding: 10px 20px 11px;
}

/*Copyright*/
.iq-footer-2 .iq-copyright,
.iq-footer-2 .iq-copyright a {
    color: var(--white);
}

.iq-footer-2 .iq-copyright a:hover {
    color: var(--iq-primary);
}

/*Social Media*/
.iq-footer-2 .iq-media-blog {
    margin: 0;
    padding: 0;
}

.iq-footer-2 .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0px 4px;
}

.iq-footer-2 .iq-media-blog li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: var(--white);
    background: transparent;
    border: 1px solid var(--iq-secondary);
    text-align: center;
    border-radius: 50%;
}

.iq-footer-2 .iq-media-blog li a:hover {
    background: var(--iq-primary);
    border-color: var(--iq-primary);
    color: var(--white);
}

/*---------------------------------------------------------------------
                          Footer-3
-----------------------------------------------------------------------*/
.iq-footer-3 .logo img {
    width: 200px;
}

.iq-footer-3 .small-title {
    margin-bottom: 20px;
}

.iq-footer-3 hr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.iq-footer-3 .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

/*Menu*/
.iq-footer-3 .footer-menu li {
    margin: 0;
}

.iq-footer-3 .footer-menu li a {
    font-weight: 500;
    background: rgba(255, 255, 255, 0);
    padding: 8px 0;
    display: block;
    color: var(--white);
}

.iq-footer-3 .footer-menu li a:hover {
    background: rgba(255, 255, 255, 0.2);
    color: var(--iq-primary);
    padding: 8px 15px;
}

/*Copyright*/
.iq-footer-3 .iq-copyright a {
    color: var(--iq-primary);
}

.iq-footer-3 .iq-copyright a:hover {
    color: var(--white);
}

.iq-footer-3.footer-bottom {
    background: rgba(0, 0, 0, 0.2);
}

/*Social Media*/
.iq-footer-3 .iq-media-blog {
    margin: 0;
    padding: 0;
}

.iq-footer-3 .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0px 4px;
}

.iq-footer-3 .iq-media-blog li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: var(--white);
    background: transparent;
    border: 1px solid var(--iq-secondary);
    text-align: center;
    border-radius: 50%;
}

.iq-footer-3 .iq-media-blog li a:hover {
    background: var(--iq-primary);
    border-color: var(--iq-primary);
    color: var(--white);
}

/*Contact*/
.iq-footer-3 .iq-contact .blog {
    color: var(--white);
}

.iq-footer-3 .iq-contact .blog .title {
    font-size: 20px;
}

.iq-footer-3 .iq-contact .blog span {
    font-size: 20px;
}

.iq-footer-3 .iq-contact .blog i {
    color: var(--iq-primary);
    font-size: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-right: 15px;
    display: table;
    float: left;
}

.iq-footer-3 .iq-contact .blog .content {
    display: table-cell;
}

/*Newsletter*/
.iq-footer-3 .input-group-addon {
    padding: 0px;
}

/*---------------------------------------------------------------------
                          Footer-4
-----------------------------------------------------------------------*/
.iq-footer-4 .logo img {
    width: 200px;
}

.iq-footer-4 .small-title {
    margin-bottom: 20px;
}

.iq-footer-4 hr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.iq-footer-4 .iq-contact .blog {
    display: inline-block;
}

/*Contact*/
.iq-footer-4 .iq-contact .blog {
    color: var(--iq-title-text);
}

.iq-footer-4 .iq-contact .blog .title {
    font-size: 20px;
}

.iq-footer-4 .iq-contact .blog span {
    font-size: 20px;
}

.iq-footer-4 .iq-contact .blog i {
    color: var(--iq-primary);
    font-size: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-right: 15px;
    display: table;
    float: left;
}

.iq-footer-4 .iq-contact .blog .content {
    display: table-cell;
}

/*Menu*/
.iq-footer-4 .footer-menu li {
    margin: 0;
}

.iq-footer-4 .footer-menu li a {
    font-weight: 500;
    background: rgba(255, 255, 255, 0);
    padding: 8px 0;
    display: block;
    color: var(--iq-title-text);
}

.iq-footer-4 .footer-menu li a:hover {
    background: rgba(255, 255, 255, 0.2);
    color: var(--iq-primary);
    padding: 8px 15px;
}

/*Popular Posts*/
.iq-footer-4 .iq-post li {
    width: 100%;
    float: left;
    margin-top: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.iq-footer-4 .post-blog {
    display: table-cell;
}

.iq-footer-4 .post-blog a {
    vertical-align: top;
    font-size: 16px;
    color: var(--iq-title-text);
}

.iq-footer-4 .post-blog a:hover {
    color: var(--iq-primary);
}

.iq-footer-4 .post-blog .iq-date {
    font-size: 13px;
    display: table;
}

.iq-footer-4 .post-blog i {
    font-size: 14px;
}

.iq-footer-4 .iq-post li:last-child {
    border-bottom: none;
}

.iq-footer-4 .post-img {
    display: table;
    float: left;
    margin-right: 15px;
}

.iq-footer-4 .post-img img {
    vertical-align: top;
    height: 65px;
    width: 65px;
    border-radius: 2px;
}

.iq-footer-4 ul {
    margin-right: 0px;
}

/*Newsletter*/
.iq-footer-4 .input-group-addon {
    padding: 0px;
}

footer.iq-footer-4 .newsletter-form .input-group .form-control {
    border: 1px solid #e2e2e2;
}

/*Copyright*/
.iq-footer-4 .iq-copyright,
.iq-footer-4 .iq-copyright a {
    color: var(--white);
}

.iq-footer-4 .iq-copyright a:hover {
    color: var(--iq-primary);
}

.iq-footer-4 .footer-bottom {
    background: var(--iq-title-text);
}

/*Social Media*/
.iq-footer-4 .iq-media-blog {
    margin: 0;
    padding: 0;
}

.iq-footer-4 .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0px 4px;
}

.iq-footer-4 .iq-media-blog li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: var(--iq-title-text);
    background: transparent;
    border: 1px solid var(--iq-title-text);
    text-align: center;
    border-radius: 50%;
}

.iq-footer-4 .iq-media-blog li a:hover {
    background: var(--iq-primary);
    border-color: var(--iq-primary);
    color: var(--iq-title-text);
}

/*---------------------------------------------------------------------
                          Footer 5
-----------------------------------------------------------------------*/
.iq-footer-5 .logo img {
    width: 200px;
}

.iq-footer-5 .iq-logo {
    width: 150px;
}

.iq-footer-5 ul li a {
    color: var(--white);
}

.iq-footer-5 .iq-menu {
    display: inline;
    float: right;
}

.iq-footer-5 .iq-menu li {
    float: left;
    margin-left: 30px;
}

.iq-footer-5 .iq-media-blog {
    margin: 0;
    padding: 0;
}

.iq-footer-5 .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 4px;
}

.iq-footer-5 .iq-media-blog li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: var(--white);
    background: transparent;
    border: 1px solid #777777;
    text-align: center;
    border-radius: 50%;
}

.iq-footer-5 .iq-media-blog li a:hover {
    color: var(--white);
    border: 1px solid var(--iq-primary);
    background: var(--iq-primary);
}

.iq-footer-5 .contact {
    float: right;
    margin-top: 20px;
}

.iq-footer-5 .iq-copyright {
    color: var(--white);
}

.iq-footer-5 hr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/*---------------------------------------------------------------------
                          Footer 6
-----------------------------------------------------------------------*/
.iq-footer-6 {
    border-top: 1px solid var(--);
}

/*Social Media*/
.info-share {
    margin: 0;
    padding: 0;
    text-align: right;
}

.info-share li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0px 4px;
}

.info-share li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: var(--iq-dark);
    background: transparent;
    border: 1px solid var(--iq-dark);
    text-align: center;
    border-radius: 50%;
}

.info-share li a:hover {
    background: var(--iq-primary);
    border-color: var(--iq-primary);
    color: var(--white);
}

/*---------------------------------------------------------------------
                          Quote Form
-----------------------------------------------------------------------*/
.quote-form input {
    width: 100%;
    height: 45px;
    border: none;
    padding-left: 15px;
    border-radius: 3px;
}

.quote-form textarea {
    width: 100%;
    border: none;
    padding: 10px 0 0 15px;
    min-height: 110px;
    border-radius: 3px;
    outline: none;
}

.quote-form .section-field .button {
    width: 100%;
    margin-top: 2px;
    height: 45px;
    line-height: 26px;
}

.quote-form select {
    width: 100%;
    height: 45px !important;
    border: none;
    border-radius: 3px;
    box-shadow: inherit !important;
}

.quote-form-2 .button {
    width: auto;
}

/*---------------------------------------------------------------------
                        Counter
-----------------------------------------------------------------------*/
.iq-we-happy .counter i {
    margin-right: 24px;
}

.iq-we-happy .counter span {
    font-size: 36px;
}

.counter {
    position: relative;
    min-height: 60px;
    display: flex;
    align-items: center;
}

.counter i {
    font-size: 60px;
    line-height: 65px;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.counter span {
    display: inline-block;
    width: 70%;
    font-size: 40px;
    margin: 0;
    margin-bottom: 5px;
    line-height: 40px;
    float: left;
}

.counter label {
    font-size: 18px;
    display: block;
    position: relative;
    margin: 0 0 15px 0;
    margin-bottom: 0;
    text-transform: uppercase;
    float: left;
}

.counter-info {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    width: 100%;
    position: relative;
}

.counter-info-img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 200px;
    top: 30%;
}

.counter-info-img img {
    margin-top: -30px;
}

.counter-info .iq-video {
    position: absolute;
    left: 50%;
    top: 40%;
    background: var(--white);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 38px;
    color: var(--iq-primary);
    border-radius: 100%;
    line-height: 2.1;
    z-index: 9;
}

.counter-info .iq-video i {
    margin-left: 7px;
}

.iq-first-adv {
    background: rgba(249, 183, 7, 0.4);
}

.iq-faqs {
    background: url("../images/bg/bg-9.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
}

/*Services*/
.iq-tab .nav-pills .nav-link.active,
.iq-tab .nav-pills .show>.nav-link {
    color: var(--white);
    background-color: var(--iq-primary);
}

.iq-tab .nav-pills .nav-link {
    color: var(--iq-dark);
    background: white;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 0 15px 25px;
    margin-bottom: 8px;
    border-radius: 3px;
    position: relative;
}

.iq-tab .nav-pills {
    background: #f5f5f5;
    padding: 8px;
    border: 1px solid var(--);
}

.contact-box {
    position: relative;
    border-radius: 10px;
}

.contact-box img {
    right: 140px;
    bottom: 0;
    position: absolute;
}

.phone-box img {
    right: inherit;
    bottom: inherit;
}

.iq-tab ul.listing-hand li {
    line-height: 26px;
}

.iq-tab .nav-pills .nav-link:before {
    content: "";
    right: 0;
    top: 0;
    position: absolute;
    background: var(--);
    height: 100%;
    width: 4px;
}

.iq-tab.iq-hori-tab .nav-pills .nav-link {
    padding: 15px 0;
}

/*---------------------------------------------------------------------
                          Contact 1
-----------------------------------------------------------------------*/
.contact-1 input,
.contact-1 textarea {
    width: 100%;
    box-shadow: none;
    border: none;
}

.contact-1 textarea {
    min-height: 100px;
}

.contact-1 textarea:focus {
    box-shadow: none !important;
    border: none !important;
}

.contact-1 .contact-form input,
.contact-1 textarea {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    border-radius: .25rem;
    border: 1px solid var(--iq-light-border);
}

.contact-1 .iq-map iframe {
    border: 0px;
    width: 100%;
    height: 550px;
    z-index: 1;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.contact-1 #formmessage {
    display: none;
}

.iq-contact-box-01 .iq-icon {
    float: left;
    border-radius: 90px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    margin-right: 15px;
    color: var(--white);
}

.iq-contact-box-01 .iq-icon i {
    font-size: 30px;
}

.iq-contact-box-01 .iq-icon span {
    font-size: 30px;
}

.iq-contact-box-01 .contact-content {
    display: table-cell;
}

/*---------------------------------------------------------------------
                          Contact 2
-----------------------------------------------------------------------*/
.contact-2 input,
.contact-2 textarea {
    width: 100%;
    box-shadow: none;
    border: none;
}

.contact-2 textarea {
    min-height: 100px;
}

.contact-2 textarea:focus {
    box-shadow: none !important;
    border: none !important;
}

.contact-2 .contact-form input,
.contact-2 textarea {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    border-radius: .25rem;
    border: 1px solid var(--iq-light-border);
}

.contact-2 .iq-map iframe {
    border: 0px;
    width: 100%;
    height: 550px;
    z-index: 1;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.contact-2 #formmessage {
    display: none;
}

.contact-2 .contact-box span {
    font-size: 20px;
}

.contact-2 .contact-box i {
    font-size: 36px;
    vertical-align: middle;
}

/*---------------------------------------------------------------------
                       How it Works
-----------------------------------------------------------------------*/
.iq-step-box .Work-icon {
    padding: 10px;
    display: inline-block;
    position: relative;
}

.iq-step-box .Work-icon i {
    border-radius: 90px;
    display: inline-block;
    height: 99px;
    width: 99px;
    line-height: 99px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    font-size: 54px;
    text-align: center;
    color: var(--white);
    background: var(--iq-primary);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.iq-step-box .Work-icon:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border: 2px dashed #e6e6e6;
    width: 100%;
    height: 100%;
    border-radius: 90px;
}

.iq-step-box .line:before {
    position: absolute;
    content: "";
    left: 110%;
    top: 50%;
    margin-top: -1px;
    border: 2px dashed #e6e6e6;
    width: 31vh;
    border-right: none;
    border-left: none;
    border-bottom: none;
}

/*---------------------------------------------------------------------
                        Download
-----------------------------------------------------------------------*/
.iq-download .download-box i {
    font-size: 54px;
}

.iq-download .download-box {
    border: 1px solid var(--iq-primary);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.iq-download .download-box:hover {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--iq-primary);
    background: var(--iq-primary);
}

/*---------------------------------------------------------------------
                        Home- 5
-----------------------------------------------------------------------*/
.iq-why-box ul.listing-hand li {
    display: inherit;
}

.iq-index-no {
    color: var(--iq-gray);
    background: var(--white);
    text-align: center;
    position: absolute;
    top: 50%;
    right: 35%;
    transform: translateY(-50%);
    font-size: 30px;
    box-shadow: 1px 1px 10px;
    font-weight: 900;
}

.iq-index-no.left {
    left: 35%;
    right: inherit;
}

.iq-feature4.iq-additional .Work-icon i {
    background: var(--iq-dark);
}

.iq-feature4.iq-additional .Work-icon:before {
    border: 2px dashed rgba(210, 205, 205, 0.6);
}

.iq-countdown .countdown li span {
    font-size: 50px;
    line-height: 80px;
    font-weight: 600;
}

/*---------------------------------------------------------------------
                          Latest Blog Post
-----------------------------------------------------------------------*/
.iq-blog-box {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}

.iq-blog-box .iq-blog-image img {
    width: 100%;
}

.iq-blog-detail {
    padding: 20px 15px 15px;
    background: var(--white);
}

.iq-blog-detail a,
.iq-blog-detail .blog-title a h5 {
    color: var(--iq-title-text);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.iq-blog-detail a:hover,
.iq-blog-detail .blog-title a:hover h5 {
    color: var(--iq-primary);
}

.iq-blog-meta {
    margin: 15px 0 0px;
    border-top: 1px solid var(--iq-light-border);
    padding-top: 15px;
}

.iq-blog-meta ul li {
    margin: 0 15px 0 0;
    padding: 0;
    font-size: 16px;
    display: inline-block;
}

/*---------------------------------------------------------------------
                        Blog Page
-----------------------------------------------------------------------*/
.iq-page-blog .iq-blog-box {
    box-shadow: none;
    border: 1px solid var(--iq-light-border);
}

.iq-blog-box .iq-get-in {
    margin-top: 0;
    box-shadow: none;
}

/* Comments Box */
.iq-comment-list li {
    margin-top: 25px;
    margin-bottom: 0;
    vertical-align: top;
    padding: 0;
    position: relative;
}

.iq-comment-list .iq-comments-media {
    padding: 15px 15px 30px;
    border-radius: 0px;
    border-bottom: 1px solid var(--iq-light-border);
}

.iq-comment-list .iq-comments-media img {
    width: 85px;
}

.iq-comment-list li:last-child .iq-comments-media {
    border-bottom: none;
    padding-bottom: 0;
}

.iq-comment-list ul {
    padding-left: 60px;
}

.iq-comment-list .reply {
    position: absolute;
    line-height: 22px;
    margin: 0;
    padding: 2px 16px;
    font-size: 11px;
    right: 0;
    top: 0;
    font-weight: 500;
    color: var(--white);
}

.iq-comment-list .reply:hover,
.iq-comment-list .reply:focus {
    color: var(--white);
    background-color: var(--iq-black);
    border-color: var(--iq-black);
}

.iq-comment-list .iq-comments-media .iq-comments-info .reply {
    color: var(--white);
}

.info-block img {
    width: 100px;
}

/*---------------------------------------------------------------------
                        Blog Page
-----------------------------------------------------------------------*/
.iq-need {
    overflow: hidden;
}

.scroll-coins {
    position: relative;
}

.scroll-coins img {
    width: 60%;
}

.scroll-coins .img-1 {
    position: absolute;
    top: 0;
    left: 0;
}

.scroll-coins .img-2 {
    position: absolute;
    top: 0;
    left: 20%;
}

.scroll-coins .img-3 {
    position: absolute;
    top: 0;
    left: 40%;
}

/*---------------------------------------------------------------------
                       Buy & Sell
-----------------------------------------------------------------------*/
.iq-buy {
    text-align: center;
}

.iq-buy .nav-pills .nav-link {
    border-radius: 0;
    background: var(--iq-bg-light-color);
    color: var(--iq-title-text);
}

.iq-buy .nav-pills .nav-link.active,
.iq-buy .nav-pills .show>.nav-link {
    background: var(--iq-primary);
}

.iq-buy .tab-content .tab-pane .nav-pills.justify-content-end {
    margin-top: -56px;
}

/*---------------------------------------------------------------------
                         Home coin Effect
-----------------------------------------------------------------------*/
.iq-coin {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.iq-coin .coin-01 {
    position: absolute;
    top: 23%;
    left: 63%;
}

.iq-coin .coin-02 {
    position: absolute;
    top: 55%;
    right: 10%;
}

.iq-coin .coin-03 {
    position: absolute;
    top: 10%;
    right: 7%;
}

.iq-coin .coin-04 {
    position: absolute;
    bottom: 15%;
    left: 7%;
}

.iq-coin .coin-05 {
    position: absolute;
    top: 60%;
    left: 48%;
    z-index: -9;
}

.iq-coin .coin-06 {
    position: absolute;
    top: 0%;
    left: 0%;
}

/*---------------------------------------------------------------------
                       Screenshots
-----------------------------------------------------------------------*/
.iq-screenshots .owl-carousel .item {
    border: 1px solid var(--iq-light-border);
}

/*---------------------------------------------------------------------
                       Rev Slider
-----------------------------------------------------------------------*/
#rev_slider_2_1 .uranus.tparrows {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0)
}

#rev_slider_2_1 .uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

#rev_slider_2_1 .uranus.tparrows:hover:before {
    opacity: 0.75;
}

.persephone.tparrows {
    cursor: pointer;
    background: rgba(201, 201, 201, 0.75);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border: 1px solid rgba(255, 255, 255, 1);
}

.persephone.tparrows:hover {
    background: rgba(0, 0, 0, 1)
}

.persephone.tparrows:before {
    font-family: "revicons";
    font-size: 15px;
    color: rgb(255, 255, 255);
    display: block;
    line-height: 40px;
    text-align: center
}

.persephone.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.persephone.tparrows.tp-rightarrow:before {
    content: "\e825";
}

.persephone.tparrows {
    cursor: pointer;
    background: rgba(201, 201, 201, 0.75);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border: 1px solid rgba(255, 255, 255, 1);
}

.tp-caption.Gym-Subline,
.Gym-Subline {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 30px;
    font-weight: 100;
    font-style: normal;
    font-family: Raleway;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    letter-spacing: 5px;
}

#rev_slider_4_1 .zeus.tparrows {
    cursor: pointer;
    min-width: 70px;
    min-height: 70px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.1)
}

#rev_slider_4_1 .zeus.tparrows:before {
    font-family: "revicons";
    font-size: 20px;
    color: rgb(255, 255, 255);
    display: block;
    line-height: 70px;
    text-align: center;
    z-index: 2;
    position: relative
}

#rev_slider_4_1 .zeus.tparrows.tp-leftarrow:before {
    content: "\e824"
}

#rev_slider_4_1 .zeus.tparrows.tp-rightarrow:before {
    content: "\e825"
}

#rev_slider_4_1 .zeus .tp-title-wrap {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 50%
}

#rev_slider_4_1 .zeus .tp-arr-imgholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    transform: translatex(-100%);
    -webkit-transform: translatex(-100%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s
}

#rev_slider_4_1 .zeus.tp-rightarrow .tp-arr-imgholder {
    transform: translatex(100%);
    -webkit-transform: translatex(100%)
}

#rev_slider_4_1 .zeus.tparrows:hover .tp-arr-imgholder {
    transform: translatex(0);
    -webkit-transform: translatex(0);
    opacity: 1
}

#rev_slider_4_1 .zeus.tparrows:hover .tp-title-wrap {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.tp-caption.Gym-Subline,
.Gym-Subline {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 30px;
    font-weight: 100;
    font-style: normal;
    font-family: Raleway;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    letter-spacing: 5px;
}

.hebe.tparrows {
    cursor: pointer;
    background: rgba(255, 255, 255, 1);
    min-width: 70px;
    min-height: 70px;
    position: absolute;
    display: block;
    z-index: 100
}

.hebe.tparrows:before {
    font-family: "revicons";
    font-size: 30px;
    color: rgba(0, 0, 0, 0.5);
    display: block;
    line-height: 70px;
    text-align: center;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    z-index: 2;
    position: relative;
    background: rgba(255, 255, 255, 1);
    min-width: 70px;
    min-height: 70px
}

.hebe.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.hebe.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.hebe.tparrows:hover:before {
    color: var(--iq-black)
}

.tp-title-wrap {
    position: absolute;
    z-index: 0;
    display: inline-block;
    background: var(--iq-black);
    background: rgba(0, 0, 0, 0.75);
    min-height: 60px;
    line-height: 60px;
    top: -10px;
    margin-left: 0px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transform: scalex(0);
    -webkit-transform: scalex(0);
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%
}

.hebe.tp-rightarrow .tp-title-wrap {
    right: 0px;
    -webkit-transform-origin: 100% 50%
}

.hebe.tparrows:hover .tp-title-wrap {
    transform: scalex(1);
    -webkit-transform: scalex(1)
}

.hebe .tp-arr-titleholder {
    position: relative;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-size: 12px;
    line-height: 90px;
    white-space: nowrap;
    padding: 0px 20px 0px 90px
}

.hebe.tp-rightarrow .tp-arr-titleholder {
    margin-left: 0px;
    padding: 0px 90px 0px 20px
}

.hebe.tparrows:hover .tp-arr-titleholder {
    transform: translatex(0px);
    -webkit-transform: translatex(0px);
    transition-delay: 0.1s;
    opacity: 1
}

.hebe .tp-arr-imgholder {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    top: 0px;
    right: -90px
}

.hebe.tp-rightarrow .tp-arr-imgholder {
    right: auto;
    left: -90px;
}

.service-chart-01 {
    min-height: 300px !important;
}

.page-link:focus {
    box-shadow: none !important;
}

.table>:not(:first-child) {
    border-top: 0px solid currentColor !important;
}

.avtar-name {
    color: var(--iq-body-text);
}

.pricing {
    padding: 50px 15px;
    transition: all 0.3s ease-in-out 0s;
    text-align: center;
    color: var(--iq-body-text);
    background-color: var(--iq-primary);
}

.pricing.active {
    background-color: var(--iq-title-text);
    color: var(--white) !important;
    transition: all 0.5s ease;
}

.pricing.active h2 {
    color: var(--white) !important;
    transition: all 0.5s ease;
}

.iq-pricing-detail {
    background-color: var(--white);
    color: var(--iq-body-text);
    box-shadow: 0 24px 84px 0px rgb(0, 0, 0, 5%);
    padding: 50px 15px;
}

.pricing-btn {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0px;
    top: 195px;
    bottom: 0px;
}

.sale-box {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 163px;
    width: 131px;
    text-align: center;
    z-index: 0;
    right: 0;
    opacity: 0;
}

.sale-box .sale-text {
    font-size: 14px;
    color: var(--iq-loader-bg);
    background: var(--iq-primary);
    text-transform: uppercase;
    padding: 62px 39px 17px 37px;
    width: 285px;
    text-align: center;
    display: block;
    position: absolute;
    left: -24px;
    top: -34px;
    transition: all 0.5s ease;
    transform: rotate(48deg);
    opacity: 0;
}

.pricing.active .sale-box,
.pricing.active .sale-box .sale-text {
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
}

.iq-news-detail {
    color: var(--iq-title-text);
}

ul.footer-nav-menu {
    float: right;
}

.footer-nav-menu>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 18px;
    vertical-align: top;
    position: relative;
}

.footer-nav-menu>li>a {
    color: rgba(255, 255, 255, 0.95)
}

.widget-title {
    margin-bottom: 30px;
    position: relative;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 12px;
    letter-spacing: 0.5px;
}

.chart-img .btcwdgt-chart .btcwdgt-header .stats div span {
    color: var(--iq-primary) !important;
}

.chart-img .btcwdgt-chart .btcwdgt-header .stats div {
    color: var(--white) !important;
}

@media(max-width:1024px) {
    .pricing-btn {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0px;
        top: 220px;
        bottom: 0px;
    }

    header.transparent .topbar {
        padding: 10px 24px;
    }

    header.transparent .iq-header {
        padding: 10px 24px;
    }

    header .logo a img {
        height: 23px;
    }
}

@media(max-width:991px) {
    .pricing-btn {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0px;
        top: 185px;
        bottom: 0px;
    }

    .iq-icon {
        margin-bottom: 10px;
    }

    header.transparent .iq-header {
        padding: 10px 0px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px !important;
    }
}

.hand-tab img{
        width:300px;
}